【Vue】webpack polyfilling 报错

1. 出现问题描述

npm run serve 项目时报错

ERROR Failed to compile with 1 error 10:33:22 ├F10: AM┤

error in ./src/router/routes.js

Module not found: Error: Can't resolve 'path' in '/Users/guolijun/Desktop/vue-oil-enterprise/src/router'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.

This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:

  • add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'

  • install 'path-browserify'

If you don't want to include a polyfill, you can use an empty module like this:

resolve.fallback: { "path": false }

2. 解决方案

搜索到解决方案: https://www.reddit.com/r/react/comments/w7yddk/how_do_i_fix_this_error_with_webpack_polyfilling/
package.json添加

javascript 复制代码
"browser": {

"path": false

}
相关推荐
0思必得026 分钟前
[Web自动化] Selenium处理滚动条
前端·爬虫·python·selenium·自动化
Misnice28 分钟前
Webpack、Vite、Rsbuild区别
前端·webpack·node.js
青茶36029 分钟前
php怎么实现订单接口状态轮询(二)
前端·php·接口
大橙子额1 小时前
【解决报错】Cannot assign to read only property ‘exports‘ of object ‘#<Object>‘
前端·javascript·vue.js
LYFlied2 小时前
从 Vue 到 React,再到 React Native:资深前端开发者的平滑过渡指南
vue.js·react native·react.js
爱喝白开水a3 小时前
前端AI自动化测试:brower-use调研让大模型帮你做网页交互与测试
前端·人工智能·大模型·prompt·交互·agent·rag
董世昌413 小时前
深度解析ES6 Set与Map:相同点、核心差异及实战选型
前端·javascript·es6
B站_计算机毕业设计之家3 小时前
豆瓣电影数据采集分析推荐系统 | Python Vue Flask框架 LSTM Echarts多技术融合开发 毕业设计源码 计算机
vue.js·python·机器学习·flask·echarts·lstm·推荐算法
吃杠碰小鸡4 小时前
高中数学-数列-导数证明
前端·数学·算法
kingwebo'sZone4 小时前
C#使用Aspose.Words把 word转成图片
前端·c#·word