通过服务器运行Web应用程序时出现CSS问题

Question

我的react应用程序在本地运行时运行良好，但是当我尝试通过生产服务器（Nginx）或python服务器在本地运行时，却出现CSS问题。

npm版本= 6.13.6 节点版本= v12.14.1

我该如何解决？

在这里，我提供了各种npm软件包的版本。

{
  "name": "Pmapper",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react-dom": "^16.12.0",
    "react-scripts": "^3.3.0",
    "react-sortable-hoc": "^1.10.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
}

本地页面1的屏幕截图

服务器提供的页面截图。 1个

本地页面2的屏幕截图。

从服务器2投放的页面的屏幕截图。 从服务器呈现的相同UI看起来很时髦

为了获得更高的可见性，如果单击图像，则可以在单独的选项卡上看到它们的打开状态。

这里是完整的代码：https://github.com/jpca999/mapper-Pkor