使用vue-virtual-scroller导致打包报错

引言:在项目中使用vue-virtual-scroller,打包的时候报错

问题原因 : vue-virtual-scroller 模块使用了 ES6 的扩展运算符 ( ...props ),但 webpack 配置中的 babel-loader 排除了所有 node_modules 目录,导致该模块无法被正确转译。

修复方案 :修改了 build/webpack.base.config.js 第58行的 babel-loader 配置:

bash 复制代码
// 修改前
exclude: /node_modules/,

// 修改后  
exclude: /node_modules(?!.*vue-virtual-scroller)/,

这个正则表达式会排除所有 node_modules 目录,但 不排除 路径中包含 vue-virtual-scroller 的目录(包括带版本号的路径如 _vue-virtual-scroller@1.1.2@vue-virtual-scroller ),这样 babel-loader 就会正确处理该模块的 ES6 语法。

这样修改之后再使用 npm run build 就完成打包,不会存在问题

相关推荐
UXbot2 小时前
如何用 AI 生成产品原型:从需求描述到可交互界面的完整 5 步流程
前端·人工智能·ui·交互·ai编程
hbstream2 小时前
Hermes Agent 一周暴涨五万 Star,但我劝你别急着追
前端·人工智能
光影少年3 小时前
前端开发桌面端都有哪些框架?
前端·react.js·electron
Cecilialana3 小时前
同域名、同项目、仅 hash 变化,window.location.href 不跳转
前端·javascript
Hello--_--World3 小时前
DOM事件流与事件委托、判断数据类型、深浅拷贝、对象遍历方式
前端·javascript
落魄江湖行3 小时前
进阶篇二 Nuxt4 渲染模式:SSR/SSG/CSR 怎么选
前端·vue.js·typescript·nuxt4
M宝可梦3 小时前
ReAct 与 LLM Agentic 范式:从推理到行动的完整技术科普
前端·react.js·前端框架
x-cmd3 小时前
[260416] 谷歌 Chrome 推出 Skills 功能!帮你保存、复用提示词
前端·chrome·ai·自动化·agent·x-cmd·skill
色空大师3 小时前
【Linux-安装nginx】
linux·运维·前端·nginx·部署