ReactJS - 网络::错误文件未找到

Question

我的 React 应用程序的生产版本突然出现问题。它们在开发中运行良好，但是当我构建它们时，出现控制台错误：

/static/css/main.f6418f8a.chunk.css:1 加载资源失败：

净:: 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 应用程序一样。

原文由 coeu5a 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您需要将 "homepage": "./" 添加到您的 package.json。

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

原文由 İbrahim Koray Aksoy 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

1. 打开您的 package.json 文件。
2. 添加这个条目 "homepage":"path\to\your\project\build\"
3. 重新运行命令 npm run build 。

这里的问题是当你运行 npm run build 命令时没有在你的 package.json 中添加主页条目，它是在假设项目目录（你运行命令的地方）托管在服务器根目录下构建的。

截图命令行

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>

原文由 Bhakti Vora 发布，翻译遵循 CC BY-SA 4.0 许可协议