Vue打包项目报错 Uncaught SyntaxError: Unexpected token ‘<‘ 的解决方法
好不容易工作进入到了打包环节,却又开始报错,报错文件是一个JS文件:
JS文件打开以后是这样的
问题:应该是文件引入的问题,开始找解决方法
在网上找了一些浏览量很高的方法,试过的如下:
1、 添加externals的配置
2、 把assets文件夹下的内容放到public下
3、将引入Router的模式改为“hash”
试过了之后都无效,非常的头疼(也有可能是我设置的方式也存在问题)
最终找到了一篇文章解决,使用一行配置搞定,在vue.config.js文件中加入:
//使用路径 Uncaught SyntaxError: Unexpected token ‘<‘ 的解决方法
publicPath: process.env.NODE_ENV === "production" ? "./" : "/",
原文章地址在这里:原文章链接
2022-6-23号更新:
最近的使用中,还发现出现一种可能:引入的cdn地址已经不再使用,需要使用新的cdn地址:
新地址为:【vue.config.js文件中】
//开发环境中
js: [
'//fastly.jsdelivr.net/ajax/libs/vue/2.6.14/vue.min.js',
'//fastly.jsdelivr.net/ajax/libs/vue-router/3.5.1/vue-router.min.js',
'//fastly.jsdelivr.net/ajax/libs/vuex/3.1.1/vuex.min.js',
'//fastly.jsdelivr.net/ajax/libs/axios/0.21.1/axios.min.js'
]
//生产环境中
js: [
'//cdn.bootcdn.net/ajax/libs/vue-router/3.5.1/vue-router.min.js',
'//cdn.bootcdn.net/ajax/libs/vuex/3.1.1/vuex.min.js',
'//cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js'
]