vue项目本地打包可以,线上部署报错Module parse failed: Unexpected token

记录项目部署报错:

查看日志,找到报错的地方

看到报错日志可以知道是因为es语法问题。

问题原因:

因为导入的组件库是直接上源码的,必须告知webpack,需要编译一下这个库,让源码中的es6、es7的特性转换为es5

解决方案:

1.在vue.config.js 里面加上 transpileDependencies: '/@aomao/', '/mermaid/'

再次部署,成功搞定!

参考文章:https://blog.csdn.net/weixin_45717984/article/details/125005282

相关推荐
曦樂~39 分钟前
【Web Development】02 CSS
前端·css
风骏时光牛马1 小时前
后端服务接口开发与数据逻辑处理
前端
东鹏特饮1 小时前
经典打砖块(Breakout)游戏
前端·css·css3
IT_陈寒1 小时前
Vite的HMR把我整不会了:一个生产环境的热更新坑
前端·人工智能·后端
Mh1 小时前
如何使用双缓冲优化视频切换
前端
risenav1 小时前
低头蓄力,抬头起跳:《萤虫跳跳》的 Rokid AIUI 开发实战
前端
ZhengEnCi2 小时前
如何看待 Fable 5.2 用纯代码生成 1.4MB 视觉作品:光追、水面、倒影、火光的程序化生成原理
前端
再吃一根胡萝卜2 小时前
DSH 插件的 Host 与 Client:为什么「只加载了 Host」,以及要不要自己写 Client 加载器
前端
parade岁月3 小时前
AI 写的前端代码为什么总像 5 年前的?Chrome 官方出手了
前端
tryCbest3 小时前
Vue系列——第 15 篇:内置组件全家桶——Transition、Teleport、Suspense、KeepAlive
前端·vue.js