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

修改完成后重启项目即可，亲测有效！

参考资料

• webpack resolve fallback
• Github issue