reactjs - 创建 React 应用程序 - npm run 构建问题

Question

我正在使用 create-react-app 来构建应用程序，当我运行 npm run build 时，它会创建一个构建文件夹，其中包含预期的静态文件夹。

构建--> 静态

但是当我在构建文件夹中看到index.html文件时， Assets 的路径是/static而不是/build/static，这就是页面的原因由于缺少 Assets 而无法正确加载。

我可以做任何配置设置来解决这个问题吗？

Answer 1

如果您只想运行应用程序，则只需运行命令:npm start

但是，如果您确实尝试为静态引用添加前缀以将代码上传到特定子目录，您应该在 package.json 上添加您想要在 create-react- 上使用的主页应用程序。

因此，如果您希望您的 React 应用程序在每个引用的开头使用 /build ，您应该将以下行添加到 package.json 中:

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "homepage": "/build",  
  ...
}

当您生成配置中没有主页的构建时，会显示以下消息:

The project was built assuming it is hosted at the server root.
To override this, specify the homepage in your package.json.
For example, add this to build it for GitHub Pages:

  "homepage" : "http://myname.github.io/myapp",

The build folder is ready to be deployed.
You may serve it with a static server:

  yarn global add serve
  serve -s build```