gpt4 book ai didi

reactjs - firebase + create-react-app 托管错误

转载 作者:行者123 更新时间:2023-12-03 13:36:21 27 4
gpt4 key购买 nike

我试图在 Firebase 上部署我的 React SPA,但只得到空白页面,并出现以下控制台错误:“未捕获的语法错误:意外的标记<”

chrome console chrome_elements_blank

为了排除第三方库,我创建了新的 React-app 来部署。并遇到了完全相同的问题。

终端日志:

part1 part2

part3 part4

有人知道如何解决这个问题吗?

link to firebase deployed create-react-app start page

来自 firebase.json 的代码

{
"hosting": {
"public": "build",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"redirects": [
{
"source" : "*",
"destination" : "/index.html"
}
]
}
}

最佳答案

您的 main.js 再次包含页面 html 数据。 <!doctype html><html lang="en"><head>...

当浏览器加载 JS 文件并尝试解释它时,它失败了,因为 HTML 显然不是 javascript。它试图用“哦,我发现了一个<,但这不是我所期望的”来表达它的困惑。

您似乎已经为服务器配置了默认路由,并且每个请求都会返回您的index.html。

我在您的一张屏幕截图中注意到,您对“将所有网址重写为index.html”说"is" - 它正是这样做的。您不应该激活它,因为您请求的所有内容将始终返回 index.html .

请查看您的firebase.json文件。您将在其中找到托管和路由的说明。

API 文档在这里:

https://firebase.google.com/docs/hosting/full-config

您可能想对重定向数组进行特殊查看,如下所示:

"redirects": [ 
{
"source" : "*",
"destination" : "/index.html"
}
]

在这里,您告诉服务器将所有流量重定向到 /index.html 。删除重定向条目,重新部署,一切都会好起来的。

所以这个重定向部分很可能会解决这个问题:

{
"hosting": {
"public": "build",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"redirects": []
}
}

关于reactjs - firebase + create-react-app 托管错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51857516/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com