开发环境中，react项目界面是这样
使用npm run build打包之后，把dist下的文件放到node服务器上就变成了这样：
为什么用npm run build打包之后样式会丢失呢？
欢迎选择我的课程，让我们一起见证您的进步~~
경로 문제입니다. node를 사용하여 dist 디렉터리를 루트 디렉터리로 프록시해 보세요.
먼저 패키징에 사용하는 라이브러리와 이를 구성하는 방법을 나열해야 합니다.
그런 다음 패키지 경로 와 패키지 페이지에서 CSS를 가져오는 경로를 살펴보세요. publicPath가 설정되어 있는지
config 폴더의 index.js 파일로 이동하여 빌드 객체를 찾고, 자산PublicPath의 "/"를 "./"로 변경합니다.
크롬 디버깅 인터페이스를 엽니다. 무엇이 문제인가요
그렇다면 경로 문제일 것입니다. 가장 좋은 방법은 콘솔 오류 보고서를 보고 루트 경로를 찾은 다음 루트 경로를 기반으로 스타일 경로를 일치시키는 것입니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
경로 문제입니다. node를 사용하여 dist 디렉터리를 루트 디렉터리로 프록시해 보세요.
먼저 패키징에 사용하는 라이브러리와 이를 구성하는 방법을 나열해야 합니다.
그런 다음 패키지 경로
맞나요?와 패키지 페이지에서 CSS를 가져오는 경로를 살펴보세요.
publicPath가 설정되어 있는지
config 폴더의 index.js 파일로 이동하여 빌드 객체를 찾고, 자산PublicPath의 "/"를 "./"로 변경합니다.
크롬 디버깅 인터페이스를 엽니다. 무엇이 문제인가요
그렇다면 경로 문제일 것입니다. 가장 좋은 방법은 콘솔 오류 보고서를 보고 루트 경로를 찾은 다음 루트 경로를 기반으로 스타일 경로를 일치시키는 것입니다.