Vue CLI项目重装node_modules后运行npm run serve报Ignore Plugin配置错误

问题根因 #

该报错由webpack版本不兼容导致：webpack v5对IgnorePlugin的传参格式做了破坏性更新，你当前vue.config.js中使用的是webpack v4版本的传参写法，重装依赖后实际安装的webpack版本升级到了v5，触发API schema校验失败。

解决方案 #

方案1：修改配置适配webpack v5（推荐） #

直接修改vue.config.js中IgnorePlugin的初始化参数，改为v5要求的对象格式即可：
将原来的：

new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)

替换为：

new webpack.IgnorePlugin({
  resourceRegExp: /^\.\/locale$/,
  contextRegExp: /moment$/
})

修改完成后重新执行npm run serve即可正常启动。

方案2：锁定webpack版本为v4系列 #

如果你不想调整现有配置，也可以在项目中固定webpack的版本到v4范围：

• 在package.json的devDependencies中添加指定版本的webpack依赖：

"webpack": "^4.46.0"

• 删除项目根目录下的node_modules文件夹、package-lock.json（或yarn.lock）锁文件
• 重新执行npm install安装依赖即可。

内容的提问来源于stack exchange，提问作者mfr