React Github 页面部署 ERR_ABORTED 404（未找到）

Question

我正在尝试在这里部署我的 create-react-app 但我收到了这些错误。 static/css/1.e03ed13c.chunk.css net::ERR_ABORTED 404（未找到）。 我没有任何 chunk.css 文件。 什么是问题？ 你能帮助我吗？

我的 package.json

{
  "homepage": "http://ebrugulec.com/image-text-detection",
  "name": "image-text-detection",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "axios": "^0.18.0",
    "filepond": "^3.5.0",
    "filepond-plugin-image-preview": "^3.1.4",
    "react": "^16.6.3",
    "react-autosize-textarea": "^5.0.1",
    "react-dom": "^16.6.3",
    "react-dropzone": "^7.0.1",
    "react-filepond": "^5.0.0",
    "react-scripts": "2.1.1",
    "superagent": "^4.0.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ],
  "devDependencies": {
    "gh-pages": "^2.0.1"
  }
}

Answer 1

我通过添加解决了这个问题

“主页”：“https:// myblog-url ”，

在我的 react-app 项目目录中的“package.json”文件中

xxx.chunk.js 和 xxx.chunk.css 文件位于 'build/static/' 目录中

当我转到 chrome 开发者工具的网络选项卡并看到确切的错误消息时，

我能够找到我的浏览器要访问的 url，就我而言，我的博客的 url 与我的本意不同。

Answer 2

我能够通过添加添加"homepage": "."来解决问题。 到 package.json。

Answer 3

如果添加. 到"homepage": "." 在 package.json 中不起作用，那么这个答案将对您有所帮助。

我检查了我的developers console ，我的第一个迹象是，这个抛出错误的build文件夹在哪里。

第 1 步：（可选，如果您的构建文件夹已提交，则跳过此步骤）首先提交您的构建文件夹，如果未提交。

提交构建文件夹：

• 首先从您的.gitignore中删除 build 文件夹的引用
• 然后添加您的文件夹并提交

示例：我的 build 文件夹的文件夹路径是 covidresources -> build。 （注意： git add .只是为了包括其他文件，如果有的话）

git add covidresources/build
git add . 
git commit -m "added build files"
git push

只需验证您的构建文件现在是否已提交。

第2步：现在，我们将选择一个文件并比较存储库中文件的路径和developers console中的文件路径（抛出错误的文件）。

• 最初我有"homepage": "." 在package.json中。
• 从控制台选择任何错误，就像在我的情况下，我选择了这个文件的路径： 2.6770f89d.chunk.js从控制台

https://kushalseth.github.io/kushalseth/mycovid/blob/main/covidresources/static/js/2.6770f89d.chunk.js

• 在存储库中搜索相同的文件路径。

• 现在比较两条路径：

解决方案：

• 替换， "homepage": "." 使用路径，如下所示：（实际路径和文件路径的屏幕截图将有助于制作此 url。刚刚删除了用户名，并在 github.com 之后添加了存储库名称）

"homepage": "https://github.com/mycovid/"

• 部署并提交您的文件。 我们的主要目标是提交build/asset-manifest.json文件。

npm run deploy
npm add .
npm commit -m "committing manifest"
npm push

您的清单文件应如下所示：（repoitoryname/static）。

更新服务器清单文件很重要，验证清单中的路径也很重要。 我们不会在清单中手动更改任何内容。 它由npn run deploy自动更新，并且package应该有正确的homepage 。

刷新页面，在developers console中，成功路径如下：

https://kushalseth.github.io/mycovid/static/js/2.6770f89d.chunk.js

Answer 4

在 package.json 中添加以下属性将解决此问题。

“主页”： ”。”