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

    }),
  
  ],
}
相关推荐
灵感__idea7 小时前
JavaScript高级程序设计(第5版):好的编程就是掌控感
前端·javascript·程序员
烛阴8 小时前
Mix
前端·webgl
代码续发8 小时前
前端组件梳理
前端
试图让你心动8 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
陈不知代码9 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记9 小时前
sass中@mixin与 @include
前端·sass
陈琦鹏9 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数10 小时前
掌握JavaScript函数封装与作用域
前端·javascript
行板Andante10 小时前
前端设计中如何在鼠标悬浮时同步修改块内样式
前端
Carlos_sam10 小时前
Opnelayers:ol-wind之Field 类属性和方法详解
前端·javascript