【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

}
相关推荐
行云流水62611 小时前
uniapp pinia实现数据持久化插件
前端·javascript·uni-app
zhangyao94033011 小时前
uniapp动态修改 顶部导航栏标题和右侧按钮权限显示隐藏
前端·javascript·uni-app
福尔摩斯张13 小时前
Axios源码深度解析:前端请求库设计精髓
c语言·开发语言·前端·数据结构·游戏·排序算法
李牧九丶14 小时前
从零学算法1334
前端·算法
周周爱喝粥呀14 小时前
UI设计原则和Nielsen 的 10 条可用性原则
前端·ui
小云朵爱编程14 小时前
Vue项目Iconify的使用以及自定义图标,封装图标选择器
前端·javascript·vue.js
前端大卫14 小时前
CSS 属性值 initial、unset 和 revert 的解析
前端
蜉蝣之翼❉15 小时前
opencv c++ 修改加载图像大小限制
c++·opencv·webpack
shimh_凉茶15 小时前
webpack+vue2打包分析视图插件 webpack-bundle-analyzer
前端·webpack·node.js
P***253915 小时前
JavaScript部署
开发语言·前端·javascript