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'
  ]
  
  • 4
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值