webpack - 将 CRA 迁移到 Webpack 5

Question

我正在尝试将弹出的 create-react-app 迁移到 Webpack 5 并遇到此错误：

Failed to compile.

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

error Command failed with exit code 1.

我认为错误来自output.path默认情况下 CRA 在开发中未定义，我试图将其设置为空字符串 - 或绝对路径，但无法解决。我已经能够成功地让 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从我的配置中删除，但它仍然无法正常工作。