Vue-cli 项目中引用本地 JavaScript 文件报错 \"Unexpected token \'<\'\" 如何解决？

编程并不是一个机械性的工作，而是需要有思考，有创新的工作，语法是固定的，但解决问题的思路则是依靠人的思维，这就需要我们坚持学习和更新自己的知识。今天golang学习网就整理分享《Vue-cli 项目中引用本地 JavaScript 文件报错 \"Unexpected token \'

vue-cli 编译本地 JavaScript 文件报错 Unexpected Token '<'

问题描述：

通过 vue-cli 创建项目并定义一个全局 JavaScript 变量后，在 Vue 组件中使用该变量时，编译后打开页面会出现 "Unexpected token '<' (at x.js)" 错误。

解决方案：

按照以下步骤操作：

1. 将静态资源放在 public/static 目录下：
   将需要引用的 JavaScript 文件放在 public/static 文件夹中。

2. 在 vue.config.js 中设置 assetsDir：
   在 vue.config.js 文件中，为 assetsDir 配置项设置值为 'static'：

   module.exports = {
     assetsDir: 'static'
   }

3. 正确引用本地 JavaScript 文件：
   在 Vue 组件中，使用 /static/ 前缀引用本地 JavaScript 文件的路径：

   import { tb } from '/static/js/test.js'

完成上述配置后，重新编译项目即可解决该错误。

终于介绍完啦！小伙伴们，这篇关于《Vue-cli 项目中引用本地 JavaScript 文件报错 \"Unexpected token \'