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

vue-cli 编译本地 javascript 文件报错 unexpected token '

问题描述：

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

解决方案：

按照以下步骤操作：

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 \'<\'\" 如何解决？的详细内容，更多请关注www.sxiaw.com其它相关文章！