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

相关推荐
无奈何杨27 分钟前
扣子coze的AI工作流搭建技术,开源项目FlowGram流程搭建引擎
前端
ElasticPDF-新国产PDF编辑器36 分钟前
Angular 项目 PDF 批注插件库在线版 API 示例教程
前端·pdf·angular.js
6武740 分钟前
Vue 数据传递流程图指南
前端·javascript·vue.js
goto_w44 分钟前
uniapp上使用webview与浏览器交互,支持三端(android、iOS、harmonyos next)
android·vue.js·ios·uni-app·harmonyos
jakeswang1 小时前
查询条件与查询数据的ajax拼装
前端·ajax
samuel9181 小时前
axios取消重复请求
前端·javascript·vue.js
三天不学习1 小时前
JiebaAnalyzer 分词模式详解【搜索引擎系列教程】
前端·搜索引擎·jiebaanalyzer
苹果酱05672 小时前
Golang标准库——runtime
java·vue.js·spring boot·mysql·课程设计
滿2 小时前
Vue 3 中按照某个字段将数组分成多个数组
前端·javascript·vue.js