ReactJS - net::ERR_FILE_NOT_FOUND

Question

我的 React 應用程序的生產版本突然出現問題。 它們在開發中運行良好，但是當我構建它們時，出現控制台錯誤：

/static/css/main.f6418f8a.chunk.css:1 加載資源失敗：

net::ERR_FILE_NOT_FOUND

1.13eeb203.chunk.js:1 加載資源失敗：net::ERR_FILE_NOT_FOUND

main.1e6014ca.chunk.js:1 無法加載資源：net::ERR_FILE_NOT_FOUND

/favicon.ico:1 無法加載資源：net::ERR_FILE_NOT_FOUND

在執行以下命令后收到此錯誤：

create-react-app whatiswrong

npm run build

然后在我的瀏覽器中打開 index.html，就像我構建的任何其他 React 應用程序一樣。

Answer 1

您需要將"homepage": "./"到您的 package.json 中。

來自： https : //github.com/facebook/create-react-app/issues/6275#issuecomment-457813277

Answer 2

1. 打開您的 package.json 文件。
2. 將此條目添加到"homepage":"path\\to\\your\\project\\build\\"
3. 重新運行命令npm run build 。

這里的問題是，當您在 package.json 中未添加主頁條目的情況下運行 npm run build 命令時，假設項目目錄（您運行命令的位置）托管在服務器根目錄下。

屏幕截圖命令行

D:\git_repo\my-app>npm run build

> my-app@0.1.0 build D:\git_repo\my-app
> react-scripts build

Creating an optimized production build...
Compiled successfully.

File sizes after gzip:

  44.57 KB  build\static\js\main.8a29685f.js

**The project was built assuming it is hosted at root directory.
You can control this with the homepage field in your package.json.**

The build folder is ready to be deployed.


D:\git_repo\my-app>

Answer 3

你如何運行你的應用程序？ 您是在瀏覽器中打開 index.html 還是使用serve -s build類的？

如果你是通過第一個選項來做，那么你應該考慮嘗試serve -s build