我的问题也是类似的，我安装了一个新的盖茨比网站，没有插件，当进行简单的HTML更改，然后预览开发网站和刷新，每次我都会看到这些webpack错误，最多是隐晦的。
这样就解决了所有问题：
1.停止服务器（ctrl+C）
1.运行gatsby clean
1.删除node_modules文件夹
1.删除 package-lock.json 文件
1.安装Yarn（如果尚未安装）（npm install -g yarn）
1.运行Yarn安装（yarn install）
1.重新启动服务器并测试（gatsby develop）
这要归功于费兰。

这些问题不言自明：

/home/myPC/Documents/blog/src/components/Feed/Feed.js
  4:13  error  Parsing error: Unexpected token {
✖ 1 problem (1 error, 0 warnings)

File: src/components/Feed/Feed.js

/home/myPC/Documents/blog/src/components/Icon/Icon.js
  5:6  error  Parsing error: Unexpected token Props

✖ 1 problem (1 error, 0 warnings)

File: src/components/Icon/Icon.js

等等......
正如您在their repository中所看到的，您必须使用yarn而不是npm，因为依赖项是使用yarn.lock文件锁定的。
因此，删除您的node_modules、cache文件夹并运行yarn install（您可能需要在之前安装它）。

我得到这个错误是因为在我的windows用户名中有一个撇号和/或空格。切换到另一个用户解决了这个问题。如果你的错误包括以下内容，这可能也是你的问题。

./node_modules/@pmmmwh/react-refresh-webpack-plugin/loader/index.js

我只是删除了节点模块、缓存文件夹和公用文件夹。

npm i 
gatsby clean && gatsby build

我的问题在那之后就解决了