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

    }),
  
  ],
}
相关推荐
萌萌哒草头将军2 小时前
⚡⚡⚡尤雨溪宣布开发 Vite Devtools,这两个很哇塞 🚀 Vite 的插件,你一定要知道!
前端·vue.js·vite
小彭努力中2 小时前
7.Three.js 中 CubeCamera详解与实战示例
开发语言·前端·javascript·vue.js·ecmascript
浪裡遊3 小时前
跨域问题(Cross-Origin Problem)
linux·前端·vue.js·后端·https·sprint
LinDaiuuj3 小时前
判断符号??,?. ,! ,!! ,|| ,&&,?: 意思以及举例
开发语言·前端·javascript
敲厉害的燕宝3 小时前
Pinia——Vue的Store状态管理库
前端·javascript·vue.js
Aphasia3114 小时前
react必备JavaScript知识点(二)——类
前端·javascript
玖玖passion4 小时前
数组转树:数据结构中的经典问题
前端
呼Lu噜4 小时前
WPF-遵循MVVM框架创建图表的显示【保姆级】
前端·后端·wpf
珠峰下的沙砾4 小时前
Vue3 里 CSS 深度作用选择器 :global
前端·javascript·css
航Hang*4 小时前
WEBSTORM前端 —— 第2章:CSS —— 第3节:背景属性与显示模式
前端·css·css3·html5·webstorm