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

还好不容易工作进入到了打包环节，却又开始报错，报错文件是一个JS文件：JS文件打开以后是这样的问题：应该是文件引入的问题，开始找解决方法在网上找了一些浏览量很高的方法，试过的如下：1、添加externals的配置2、把assets文件夹下的内容放到public下3、将引入Router的模式改为“hash”试过了之后都无效，非常的头疼（也有可能是我设置的方式也存在问题）最终找到了一篇文章解决，使

平芜尽处是春山-

9270人浏览 · 2022-05-13 14:06:25

平芜尽处是春山- · 2022-05-13 14:06:25 发布

好不容易工作进入到了打包环节，却又开始报错，报错文件是一个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'
  ]