Uncaught ReferrnceError: process is not defined

问题详情

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',
      }),
  ],
}

修改完成后重启项目即可,亲测有效!

参考资料

posted @ 2022-10-10 14:31  keRee  阅读(424)  评论(0编辑  收藏  举报