加载网站时出现Gatsby套接字和commons.js错误



我给出了一个有用的答案:如何克隆git Gatsby项目并在本地运行它?在git上加载一个演示Gatsby项目。

但我得到以下错误:

localhost/:1 

GET http://localhost:9000/socket.io/socket.io.js net::ERR_ABORTED 404 (Not Found)
(index):5 

GET http://localhost:9000/commons.js net::ERR_ABORTED 404 (Not Found)

这就是我所做的

git clone https://github.com/MunifTanjim/gatsby-theme-dox
cd gatsby-theme-dox
npm install #or yarn install
cd demo
gatsby develop #to build the site in development mode
gatsby build && gatsby serve #to build the site in production mode

然后,由于在gatsby serve上出现错误,我在demo/public目录中添加了一个404.html页面但现在,我得到的只是一个空白的网站,上面有我指出的错误。我是盖茨比的初学者,我想在我的本地机器上运行这个演示。

感谢

然后我从开始向demo/public目录添加了一个404.html页面

/public文件夹是在每次构建中根据源(/src(文件夹中的代码自动生成的文件夹。您不能将代码放在那里,否则,在每个构建中,它都会丢失。看看文档:

/public自动生成。构建过程的输出将暴露在此文件夹中。应添加到.gitignore文件如果尚未添加。

如果要创建自定义404页面,可以通过在src/pages内创建404.js文件来创建。

关于您的主要问题,输出点为localhost:9000(端口9000(这一事实表明您使用的是gatsby build,而不是gatsby develop(否则端口将为8000(。使用第一个(gatsby build(,您需要重建整个站点以查看更改。在运行gatsby develop时,您将立即看到您所做的更改(除非您更改了数据源(,因为有热重新加载功能。

出现您的问题是因为没有socket.io.js文件,所以它抛出404错误(未找到(。

我建议:

  • 通过运行gatsby clean刷新缓存
  • 确保yarn installnpm install完成时没有错误(所有依赖项安装正确(
  • 运行盖茨比开发
  • 制作一些";活的";更改,一旦您感到足够舒适,请继续执行以下命令
  • 再次运行gatsby build
  • 通过gatsby serve为网站提供服务(这将使您的网站在localhost:9000下在本地生活(

更多推荐可以在这个GitHub线程中找到。

正如我在前面的回答中所指出的,我建议您阅读gatsby-cli文档,了解您在每个命令中所做的操作。

最新更新