当前位置: 首页 > 知识库问答 >
问题:

加载资源失败:服务器响应React.js项目部署状态为404(未找到)

司空叶五
2023-03-14

当我将我的反应项目部署到Surge时,构建成功并且可以获取应用程序URL。但是当我链接到URL时,我可以在检查控制台中看到一个空白页面和一些错误:

Failed to load resource: the server responded with a status of 404 (Not Found) 3.138a0231.chunk.css
Failed to load resource: the server responded with a status of 404 (Not Found) main.bd0d3f99.chunk.js:1
Failed to load resource: the server responded with a status of 404 (Not Found) main.bd0d3f99.chunk.css:1
Failed to load resource: the server responded with a status of 404 (Not Found)
Failed to load resource: the server responded with a status of 404 (Not Found)
Failed to load resource: the server responded with a status of 404 (Not Found) manifest.json:1
Manifest: Line: 1, column: 1, Syntax error. manifest.json:1 
Failed to load resource: the server responded with a status of 404 (Not Found) 3.138a0231.chunk.css
Failed to load resource: the server responded with a status of 404 (Not Found) 3.138a0231.chunk.css
Failed to load resource: the server responded with a status of 404 (Not Found) main.bd0d3f99.chunk.css:1

这是我的包中的react start脚本。json文件。

"scripts": {
  "build": "REACT_APP_BACKEND=true PUBLIC_URL='/sing-app-react' node scripts/build.js",
  "start": "node scripts/start.js",
  "start:backend": "REACT_APP_BACKEND=true node scripts/start.js",
  "test": "node scripts/test.js"
},

和css文件的链接地址,导致错误https://lopsided-dinner.surge.sh/sing-app-react/static/css/3.138a0231.chunk.css

共有1个答案

盖昀
2023-03-14

<代码>https://lopsided-dinner.surge.sh/sing-app-react/static/css/3.138a0231.chunk.css

这个由react脚本构建的网站url应该类似于<代码>https://your域/静态/css

删除生成脚本中的PUBLIC\u URL,然后再次运行build。

它将构建源引导到/静态/......

希望这对你有意义!

 类似资料:
  • 在StackOverflow中阅读所有可能的答案,但仍在与问题作斗争。应用程序已部署,但在尝试打开时-白色空白屏幕和错误消息。看起来js文件返回html文件。它不超过html文件。。在服务器3000本地,该应用程序运行良好。但部署不起作用。希望能得到帮助。 运行时。js:1加载资源失败:服务器响应状态为404(未找到) 。js:1加载资源失败:服务器响应状态为404(未找到) 。js:1加载资源失

  • 我有angular 6应用程序在我的本地机器上,一切都按照我想要的完美工作,完成项目后我将其部署到heroku,当我运行我的应用程序时,这里是指向heroku中应用程序的链接:测试应用程序 正如您所看到的,我在控制台浏览器中遇到以下错误 加载资源失败:服务器响应状态为404(未找到) 这是我在github中的应用程序结构 github中的应用程序回购 为了快速参考,这里是服务器。js 这是hero

  • 我完全新的ReactJS。 我在YouTube遵循这个教程,遵循每个步骤。 直到我发现我的代码出现了这样的错误 因为我刚开始编程ReactJS,我仍然不明白该做什么,以及如何修复这个问题 本教程展示了如何构建一个简单的CRUD应用程序,内置于ReactJS和PostgreSQL 这里我提供我的应用程序。js代码 这是我的server.js代码: 我该怎么办?任何建议都能帮我解决这个问题 非常感谢。

  • 我有一个ReactJS应用程序,我正试图部署在heroku上。它在本地运行良好,但部署不正确!在页面上,我无法获得/ 应用程序链接:https://nameless-spire-06291.herokuapp.com/ 控制台错误:1。加载资源失败:服务器响应状态为404(未找到)2。拒绝加载图像的https://nameless-spire-06291.herokuapp.com/favicon

  • 我正在学习Lynda关于Javascript和Ajax以及hungup的教程,主题是“使用同步XHR请求”。 html文件基本上是: javascript文件为: data.txt文件上有“Hello World”。 项目文件的路径为 当我打开wampserver上的localhost并执行inspect元素时,我得到了上面的错误:“未能加载资源:服务器响应状态为404(not found)” 不

  • 我收到错误:“加载资源失败:服务器响应状态为404(未找到)”,javascript文件中有图标文件。 试图得到一个标记显示在谷歌地图。 我正在使用Visual Studio 2015和Apache Cordova。 文件位于www/scripts/googlemap。js和www/scripts/green。巴布亚新几内亚。 编辑:主要问题是来源。Url应为/scripts/green。png或