【问题处理】webpack4升webpack5,报错Uncaught ReferrnceError: process is not defined

问题

正在做webpack4升webpack5,项目构建项目成功后在浏览器打开时报错

Uncaught ReferrnceError: process is not defined。

原因

webpack 5 不再自动 polyfill Node.js 的核心模块。

如果你在浏览器运行的代码中使用它,需要从 NPM 中安装兼容模块,并自己包含它们。

处理
  • 首先,安装依赖
javascript 复制代码
$ npm install --save-dev process
  • 然后修改webpack配置(我用process/browser不好使,用process/browser.js好用)
javascript 复制代码
// webpack.config.js

const webpack = require('webpack')

module.exports = {

  ...

  plugins: [

    new webpack.ProvidePlugin({

      process: 'process/browser.js',

    }),
  
  ],
}
相关推荐
31535669134 分钟前
一文带你了解二维码扫码的全部用途
前端·后端
七月shi人11 分钟前
用claude3.7,不到1天写了一个工具小程序(11个工具6个游戏)
前端·小程序·ai编程
Billy Qin19 分钟前
Rollup详解
前端·javascript·rollup
夜寒花碎31 分钟前
前端自动化测试一jest基础使用
前端·单元测试·jest
小徐_233335 分钟前
uni-app工程实战:基于vue-i18n和i18n-ally的国际化方案
前端·微信小程序·uni-app
前端小菜鸟一枚s39 分钟前
`ConstantPositionProperty` 的使用与应用
前端·javascript·cesium
JohnsonXin39 分钟前
怎么使用vue3实现一个优雅的不定高虚拟列表
前端·javascript·css·html5
17Knight41 分钟前
我的个性化 VSCode
前端
前端小菜鸟一枚s44 分钟前
`ConstantProperty` 的使用与应用
前端·javascript·cesium
狠狠的学习1 小时前
antd表格行hover效果性能处理
前端·css