创建React应用-npm运行构建问题

Question

我create-react-app用来构建应用程序，当我运行npm run build时，它会在内部创建带有静态文件夹的build文件夹。

build-> static

但是，当我在build文件夹中看到index.html文件时，资产的路径/static不是/build/static，这就是为什么页面缺少资产导致无法正确加载的原因。

我可以做些配置设置来解决此问题吗？

Answer 1

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

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

因此，如果您希望自己的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```