Vue打包项目报错 Uncaught SyntaxError: Unexpected token ‘<‘ 的解决方法

好不容易工作进入到了打包环节,却又开始报错,报错文件是一个JS文件:
在这里插入图片描述
JS文件打开以后是这样的
Vue打包项目报错 Uncaught SyntaxError: Unexpected token ‘<‘ 的解决方法_第1张图片
问题:应该是文件引入的问题,开始找解决方法

在网上找了一些浏览量很高的方法,试过的如下:
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'
  ]
  

你可能感兴趣的:(小张的日常记录,#,前端记录,vue.js,前端)