【问题处理】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',

    }),
  
  ],
}
相关推荐
默默coding的程序猿4 分钟前
3.前端和后端参数不一致,后端接不到数据的解决方案
java·前端·spring·ssm·springboot·idea·springcloud
夏梦春蝉10 分钟前
ES6从入门到精通:常用知识点
前端·javascript·es6
归于尽16 分钟前
useEffect玩转React Hooks生命周期
前端·react.js
G等你下课17 分钟前
React useEffect 详解与运用
前端·react.js
我想说一句18 分钟前
当饼干遇上代码:一场HTTP与Cookie的奇幻漂流 🍪🌊
前端·javascript
funnycoffee12319 分钟前
Huawei 6730 Switch software upgrade example版本升级
java·前端·华为
小鱼小鱼干21 分钟前
【Tauri】Tauri中Channel的使用
前端
拾光拾趣录23 分钟前
CSS全面指南:从基础布局到高级技巧与实践
前端·css
南屿im26 分钟前
基于 Promise 封装 Ajax 请求:从 XMLHttpRequest 到现代化异步处理
前端·javascript
青松学前端27 分钟前
vue-2.7源码解读之初始化流程和响应式实现
前端·vue.js·前端框架