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

【问题标题】：Gatsby socket and commons.js error when loading website加载网站时出现 Gatsby 套接字和 commons.js 错误
【发布时间】：2022-01-22 07:22:36
【问题描述】：

我已经按照这个有用的答案：how do you clone a git Gatsby project and run it locally? 在 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

然后我在demo/public 目录中添加了一个404.html 页面，因为我在gatsby serve 上遇到错误但是现在，我得到的只是一个空白网站，上面显示了我上面指出的错误。我是 Gatsby 的初学者，我想让这个演示在我的本地机器上运行。

谢谢

【问题讨论】：

标签： reactjs http-status-code-404 gatsby

【解决方案1】：

然后我在demo/public目录中添加了一个404.html页面，因为

/public 文件夹是在每次构建中根据源 (/src) 文件夹中的代码自动生成的文件夹。你不能在那里放置代码，否则，在每个构建中，它都会丢失。看看docs：

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

如果你想创建一个自定义的404页面，你可以在src/pages里面创建一个creating a 404.js文件。

关于您的主要问题，输出发现 localhost:9000（端口 9000）这一事实表明您使用的是 gatsby build，而不是 gatsby develop（否则端口将是 8000）。使用第一个(gatsby build），您需要重建整个站点以在运行gatsby develop 时查看更改，由于hot reload feature，您将立即看到所做的更改（除非您更改数据源）。

出现您的问题是因为没有 socket.io.js 文件，因此它会引发 404 错误（未找到）。

我建议：

运行gatsby clean刷新缓存
确保 yarn install 或 npm install 完成时没有错误（所有依赖项安装正确）
运行 gatsby develop
进行一些“实时”更改，一旦您感觉足够舒适，请继续执行以下命令。
再次运行gatsby build
通过gatsby serve 为网站提供服务（这将使您的网站在localhost:9000 下本地运行）

更多推荐可以在这个GitHub thread找到。

我建议您，正如我在 your previous answer 中指出的那样，阅读 gatsby-cli docs 以了解您在每个命令中执行的操作。

【讨论】：