【问题标题】:Deployed a website in React using Netlify, but I get a blank page使用 Netlify 在 React 中部署了一个网站,但我得到一个空白页面
【发布时间】:2026-02-14 00:50:02
【问题描述】:

我试图部署我在 ReactJS 中制作的项目 - 确切地说是俄罗斯方块游戏 - 我想出了以下错误:

在另一篇堆栈溢出帖子中,我读到这很可能是因为 很可能在项目中某处引用了 manifest.json,而文件/资源​​本身不存在,我应该寻找包含 rel=manifest 的链接标签。

所以我进入了我的 index.html 文件夹并删除了以下内容:

<link rel="manifest" href="/manifest.json">

因此,在进行更改并更新我的代码后,我推送到 Netlify(netlify 部署,netlify 打开)并且我不断收到相同的错误。有谁知道我可能做错了什么?该项目在本地主机上完美运行。

编辑:添加网络标签图像

【问题讨论】:

  • 我们可以从一开始就看到“网络”选项卡的屏幕截图吗?获取其他请求(如 index.html 本身)是否没有问题?
  • 刚刚添加图片,@yuriy636
  • 我看了一下源代码,看起来 HTML 就是模板(你可以在里面看到 This HTML file is a template 文本)。这意味着您没有为构建的应用程序提供服务,它应该是npm run build 生成的内容。您可能需要查找 Create React App & Netlify 特定教程。

标签: reactjs deployment netlify


【解决方案1】:

您不需要删除manifest.json 文件。您需要做的只是将源代码连接到版本控制。

您需要将_redirects 文件添加到public 文件夹。 (此文件没有扩展名)。将这一行添加到其中。

/*    /index.html   200

由此,我们希望每当链接与组件更新时相应地显示组件。

然后按照以下步骤轻松托管您的网站,

  1. 将您的源代码添加到 Bitbucket 存储库。 (将您的本地文件夹连接到 repo)
  2. 如果您已构建,请删除该文件夹。
  3. 转到 Netlify 并链接您的 Bitbucket 存储库和所需的域。
  4. 就是这样!每当您将新版本推送到主分支时,它都会自动部署。 (不再需要构建!- 确保启用主分支的自动部署设置)

只需轻松使用这些工具。不要用冗长的方式把事情搞砸。

【讨论】:

  • 只需将其链接到 netlify !
最近更新 更多