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

问题描述：

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

解决方案：

按照以下步骤操作：

蓝湖代码转vue2.0+element-ui

将静态 Vue 页面(index.vue)改造为动态页面(Custom.vue)；稿源仅限 index.vue、其引用的 CSS 与资源路径，禁止参考仓库内其他文件。Invoke when user wants to transform a static Vue page into a dynamic data-driven page with Element UI components.

下载

立即学习“Java免费学习笔记（深入）”；

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'

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