问题详情
webpack5
使用自定义配置构建项目成功后,运行项目在浏览器控制台提示:Uncaught ReferrnceError: process is not defined
。
原因是webpack 5 不再自动 polyfill Node.js 的核心模块,这意味着如果你在浏览器或类似的环境中运行的代码中使用它们,你必须从 NPM 中安装兼容的模块,并自己包含它们。
处理方式
- 首先,安装依赖
$ npm install --save-dev process
- 然后修改webpack配置
// webpack.config.js
const webpack = require('webpack')
module.exports = {
...
plugins: [
new webpack.ProvidePlugin({
process: 'process/browser',
}),
],
}
修改完成后重启项目即可,亲测有效!