React-构建React应用程序后CSS样式混乱

React-构建React应用程序后CSS样式混乱,css,reactjs,pdf,Css,Reactjs,Pdf,我见过很多与我类似的问题,也有多种解决方案,但都不适合我 我使用npx create React app prima prova制作了一个React应用程序,如官方教程所示 在开发时,“npm start”工作得很好,但在运行“npm run build&&service-s build/”时,样式(仅CSS)将变得一团糟 在开发环境中 生产中 从我所看到的情况来看,这个问题在使用Material UI库时很常见,但既然我不使用它,那就没关系了 "dependencies": { "

我见过很多与我类似的问题,也有多种解决方案,但都不适合我

我使用npx create React app prima prova制作了一个React应用程序,如官方教程所示

在开发时,“npm start”工作得很好,但在运行“npm run build&&service-s build/”时,样式(仅CSS)将变得一团糟

在开发环境中

生产中

从我所看到的情况来看,这个问题在使用Material UI库时很常见,但既然我不使用它,那就没关系了

"dependencies": {
    "@mikecousins/react-pdf": "^5.5.1",
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.4.0",
    "@testing-library/user-event": "^7.2.1",
    "@tinymce/tinymce-react": "^3.5.0",
    "animated-scroll-to": "^2.0.5",
    "axios": "^0.19.2",
    "bootstrap": "^4.4.1",
    "jquery": "^3.4.1",
    "pdf-viewer-reactjs": "^2.0.2",
    "react": "^16.12.0",
    "react-bootstrap": "^1.0.0-beta.16",
    "react-dom": "^16.12.0",
    "react-fileupload-progress": "^0.5.0",
    "react-google-login": "^5.1.1",
    "react-google-recaptcha": "^2.0.1",
    "react-iframe": "^1.8.0",
    "react-router": "^5.1.2",
    "react-router-dom": "^5.1.2",
    "react-scripts": "3.4.0",
    "react-select": "^3.1.0"
  }
这些是我的依赖项


如果我不得不胡乱猜测的话,我会说是pdf查看器reactjs“^2.0.2库把一切都搞砸了,但它是我发现的在我的网页中显示pdf的最好的库。是有更好的方法来做这样的事情,还是有别的方法来打破一切?提前谢谢你

这可能有点傻,但你有没有试着一个接一个地删除依赖项,看看谁会负责

此外,我会确保检查哪些类名出错,并找出这些特定类的原因。因为它看起来就像你得到了部分造型