Javascript Bundle.js不是'；部署到gh页面时找不到

我使用

react create app

构建我的应用程序，并将其部署到github页面，同时严格遵守过程中给出的说明。加载页面时，控制台中出现错误：“加载资源失败：服务器响应状态为404”（Bundle.js）。当我在本地使用“npm run start”运行该应用程序时，它运行得很好，找到了所有路径，但github页面上出现了一些可疑的情况。有人能帮我解决这个问题吗？

我想您必须在package.json中设置“homepage”变量

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

这将是package.json中的npm脚本命令

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

“主页”：https://.github.io//"
....
“脚本”：{
...
“部署”：“npm运行生成（&gh）页面-d生成”
...
}

更多信息请参见文档：

这是最新的。您需要执行以下操作：

在

package.json中

将

主页

设置为

{ “主页”：“， }

安装

gh页面

纱线添加页面

将

deploy

和

predeploy

运行脚本添加到package.json

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

“脚本”：{ “预部署”：“npm运行构建”， “部署”：“gh页面-d构建”

部署它

纱线展开

将自动创建

gh页面

分支，并将生成的文件推送到该分支

“主页”的相对路径 我在生成的Javascript和CSS文件中发现了

404:Not Found

错误，只有当我将

homepage

（in package.json）的值设置为

  "homepage" : "."

---

那么，文件

Bundle.js

是否存在于您的GitHub存储库中？GitHub页面仅承载静态网站，因此您的节点网站无法在那里工作。它不存在于我的repo中。它甚至不存在于本地，但我可以运行该应用程序。这对我来说是一种创建应用程序的魔法。因为它在我的计算机上神奇地工作，而不需要Bundle.js我假设它应该在github上工作，而我的repo中不存在此文件。react create app可以选择将react应用部署到github页面，因此它应该可以工作。我的意思是，bundle.js在本地存在，但默认情况下它没有在我的index.html文件中指定的路径。