使用Netlify在React中部署了一个网站,但页面空白

时间:2020-03-28 18:39:05

标签: reactjs deployment netlify

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

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

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

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

因此,在进行了更改并更新了我的代码之后,我推送到Netlify(netlify部署,netlify打开),并且不断出现相同的错误。有人知道我在做什么错吗?该项目可以在localhost上完美运行。

编辑:添加“网络”标签图像 enter image description here

1 个答案:

答案 0 :(得分:0)

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

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

/*    /index.html   200

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

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

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

只需轻松使用这些工具即可。不要花很长时间使事情变得艰难。

相关问题