这与react无关，正如所指定的错误一样，undefined不被接受为path参数。确保没有将变量传递给path。恰巧未定义或为空的连接。 例如:

const {path} = require('path'); 
let arg = undefined;
let mypath = path.join(__dirname, arg);

// The same error would occur. 

如果你已经弹出，这是解决这个问题的正确方法:

找到这个文件config/webpackDevServer.config.js，然后在这个文件中找到以下一行:

app.use(noopServiceWorkerMiddleware());

你应该把它改成:

app.use(noopServiceWorkerMiddleware('/'));

对我(可能还有你们中的大多数人)来说，service worker是在项目的根源处服务的。如果它对你不同，你可以传递你的基路径。

我在盖茨比博客上也遇到了同样的问题。依赖项无法升级，只能在npm 10.22.1版本上运行。

对我有效的方法如下:

#!/bin/bash
rm -rf .cache
rm -rf public
gatsby build
gatsby serve

基本上完全重建了所有东西，这个错误就消失了。很烦人，但至少它能构建。

更奇怪的是，如果我调整博客文章的图像，比如稍微调整一下大小，它就会生成。我完全不知道为什么。但这至少是个线索。

我只是在安装和删除一些npm包后遇到了这个问题，花了将近5个小时来弄清楚发生了什么。

我所做的基本上是复制我的src/components到一个不同的目录，然后删除所有的节点模块和包锁。json(如果你在Docker容器中运行你的应用，为了安全起见，删除图像并重新构建它);然后把它重置为我的最后一次提交，然后放回我的src/components，然后运行NPM i。

我希望这能有所帮助。

我不想升级react-scripts，所以我使用第三方的重新安装npm模块来重新安装它，它工作了。

npm i -g npm-reinstall
reinstall react-scripts

如果您在package中添加了一个包。Json，然后你删除了它。记住要删除添加在/config/plugin.js或任何与该包相关的地方的任何配置。