node.js - npm run build之后页面样式丢失

Question

开发环境中，react项目界面是这样

使用npm run build打包之后，把dist下的文件放到node服务器上就变成了这样：

为什么用npm run build打包之后样式会丢失呢？

Answer 1

경로 문제입니다. node를 사용하여 dist 디렉터리를 루트 디렉터리로 프록시해 보세요.

Answer 2

먼저 패키징에 사용하는 라이브러리와 이를 구성하는 방법을 나열해야 합니다.

Answer 3

그런 다음 패키지 경로
와 패키지 페이지에서 CSS를 가져오는 경로를 살펴보세요.
publicPath가 설정되어 있는지

맞나요?

Answer 4

config 폴더의 index.js 파일로 이동하여 빌드 객체를 찾고, 자산PublicPath의 "/"를 "./"로 변경합니다.

Answer 5

크롬 디버깅 인터페이스를 엽니다. 무엇이 문제인가요

Answer 6

그렇다면 경로 문제일 것입니다. 가장 좋은 방법은 콘솔 오류 보고서를 보고 루트 경로를 찾은 다음 루트 경로를 기반으로 스타일 경로를 일치시키는 것입니다.