Question

我使用react-create-app来构建我的应用程序并将其部署到github-pages，同时严格遵循我在此过程中给出的指示。当我加载页面时，我在控制台中收到错误：＆＃34;无法加载资源：服务器响应状态为404＆＃34; （Bundle.js）。当我使用＆＃34; npm run start＆＃34;运行它时，应用运行正常。在本地，找到所有路径，但在github页面上发生了一些阴暗的事情。有人可以帮我解决这个问题吗？

Answer 1

这是official documentation on how to deploy your React app to Github Pages。您需要执行以下操作：

在package.json中将homepage设置为

{ “ homepage”：“ https://myusername.github.io/my-app”， }
安装gh-pages

添加gh-pages
将deploy和predeploy运行脚本添加到package.json

“脚本”：{ “ predeploy”：“ npm run build”， “ deploy”：“ gh-pages -d build”，
部署它

纱线运行部署

将自动创建gh-pages分支，并将生成的文件推送到该分支。

“首页”的相对路径

对于生成的Javascript和CSS文件，我有404: Not Found个错误，只有当我将homepage（在package.json中）的值设置为

时，该错误才得以解决。

  "homepage" : "."

Answer 2

我认为您必须在package.json

中设置“homepage”变量

这将是你在package.json

中的npm脚本命令

"homepage": "https://<username>.github.io/<repo_name>/"
....
"scripts": {
    ...
    "deploy": "npm run build&&gh-pages -d build"
    ...
 }

更多文档：https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#building-for-relative-paths

部署到gh-pages时找不到Bundle.js

2 个答案:

“首页”的相对路径