使用 Vue CLI 引入本地 JavaScript 文件出现 \"Uncaught SyntaxError: Unexpected token \'

大家好，我们又见面了啊~本文《使用 Vue CLI 引入本地 JavaScript 文件出现 \"Uncaught SyntaxError: Unexpected token \'》的内容中将会涉及到等等。如果你正在学习文章相关知识，欢迎关注我，以后会给大家带来更多文章相关文章，希望我们能一起进步！下面就开始本文的正式内容~

解决 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 文件中，添加如下配置：

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

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

   <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 '<' 错误。

好了，本文到此结束，带大家了解了《使用 Vue CLI 引入本地 JavaScript 文件出现 \"Uncaught SyntaxError: Unexpected token \'》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！