将CRA迁移到Webpack 5

Question

我试图迁移一个弹出的创建-react应用程序到Webpack 5，并遇到了这个错误：

Failed to compile.

The "path" argument must be of type string. Received undefined

error Command failed with exit code 1.

我认为错误来自于output.path，在开发中它默认是未定义的，我尝试将它设置为空字符串-或绝对路径，但它不会解决。我已经能够成功地让Webpack 5在一个非CRA应用程序上工作，让路径不被定义，所以我认为它与CRA配置有关。另外，我遵循了这个指南，但没有成功，https://webpack.js.org/migrate/5/。

代码沙箱：https://codesandbox.io/s/musing-buck-shu04

感谢你的帮助！

Answer 1

我也面临着同样的问题。此错误由webpack-manifest-plugin引发。Webpack 5目前还不支持，但维护人员正在计划添加支持。因此，您可以从以下位置更改default.config.js output部分中的几行：

 output: {
   // The build folder.
   path: isEnvProduction ? paths.appBuild : undefined,
   // blah blah blah
 }

至：

 output: {
   // The build folder.
   path: paths.appBuild,
   // blah blah blah
 }

错误The "path" argument must be of type string. Received undefined消失。但对我来说还是没用的。我在浏览器中得到了无尽的加载。我应该更小心地调试它，然后更新答案。因此，我试图从我的配置中删除webpack-manifest-plugin，但它仍然无法工作。