BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules

441 阅读1分钟

最近做项目的时候,项目中用到了node 的path模块,所以在项目中添加了一行代码

import path from "path";

然后再重新启动项目的时候就报错

image.png

通过各种查找发现原因是由于在webpack5中移除了nodejs核心模块的polyfill自动引入,所以需要手动引入

解决办法:

1.安装

npm install node-polyfill-webpack-plugin

2 . 然后在vue.config.json中添加如下代码

const NodePolyfillPlugin = require('node-polyfill-webpack-plugin')

configureWebpack: {
	plugins: [new NodePolyfillPlugin()]
}

然后再重新启动项目,发现就不报错了