javascript - 如何在 Firebase 上托管的 React 元素中提供 Assets 路径？

Question

我使用npx create-react-app my-app创建了一个React应用程序。运行 npm run build 后，我使用 firebase deploy 将其部署在 firebase 上。不幸的是，它在托管链接上没有显示任何内容。之后，我重写了所有文件路径，例如:

<link href="/static/css/main.493343f3.chunk.css" rel="stylesheet">

到

<link href="./css/main.493343f3.chunk.css" rel="stylesheet">

此后，除了图像之外，该元素确实可以工作(托管时)。

我转到main.17a5dc8e.chunk.js文件并重写了所有文件路径:

"static/media/placeholder.3a8380d3.jpg"

到

"./media/placeholder.3a8380d3.jpg"

但还是什么都没有。 我搞砸了什么？ 我应该如何修复它？

Answer 1

您似乎部署了错误的文件夹。检查您的 firebase.json 并确保您的“托管”>“公共(public)”设置为“构建”。 Firebase init 默认部署索引文件夹，但 npm run build 默认创建一个用于部署的构建文件夹。