解决 vue-cli 编译后报错 Uncaught SyntaxError: Unexpected token '<'

在使用 vue-cli 创建项目并引用本地 JavaScript 文件时，可能出现 Unexpected token '<' 错误，通常是由于配置不当或文件路径书写不正确。

正确的配置和文件路径写法：

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

2. 在 vue.config.js 中设置 assetsDir：
   在项目的 vue.config.js 文件中，添加如下配置：

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

   module.exports = {
     assetsDir: 'static'
   };

3. 在 HTML 文件中引用本地 JS 文件：
   在 index.html 文件中，使用 <script> 标签引用本地 JavaScript 文件，并注意文件路径的书写：

   

   vue-composition-api-best-practices

   Vue 3 组合式 API 与 最佳实践，涵盖代码组织、useXxx 模式、组合式函数设计、Store 集成、响应式优化及功能抽取。

   下载

   <script type="text/javascript" src="/static/js/test2.js"></script>

示例：

项目结构：

- project
  - public
    - static
      - test2.js
  - index.html
  - vue.config.js

vue.config.js 内容：

module.exports = {
  assetsDir: 'static'
};

index.html 内容：

<script type="text/javascript" src="/static/js/test2.js"></script>

完成以上配置后，即可正确引用本地 JavaScript 文件，消除 Unexpected token '<' 错误。