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

相关推荐
乔峰不是张无忌3308 分钟前
【HTML】动态闪烁圣诞树+雪花+音效
前端·javascript·html·圣诞树
鸿蒙自习室15 分钟前
鸿蒙UI开发——组件滤镜效果
开发语言·前端·javascript
m0_7482507422 分钟前
高性能Web网关:OpenResty 基础讲解
前端·openresty
前端没钱1 小时前
从 Vue 迈向 React:平滑过渡与关键注意点全解析
前端·vue.js·react.js
NoneCoder1 小时前
CSS系列(29)-- Scroll Snap详解
前端·css
无言非影1 小时前
vtie项目中使用到了TailwindCSS,如何打包成一个单独的CSS文件(优化、压缩)
前端·css
我曾经是个程序员1 小时前
鸿蒙学习记录
开发语言·前端·javascript
顽疲1 小时前
springboot vue 会员收银系统 含源码 开发流程
vue.js·spring boot·后端
羊小猪~~2 小时前
前端入门之VUE--ajax、vuex、router,最后的前端总结
前端·javascript·css·vue.js·vscode·ajax·html5
摸鱼了2 小时前
🚀 从零开始搭建 Vue 3+Vite+TypeScript+Pinia+Vue Router+SCSS+StyleLint+CommitLint+...项目
前端·vue.js