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

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

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

   登录后复制

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

   

   白果AI论文

   论文AI生成学术工具，真实文献，免费不限次生成论文大纲 10 秒生成逻辑框架，10 分钟产出初稿，智能适配 80+学科。支持嵌入图表公式与合规文献引用

   61

   查看详情

   <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 '的详细内容，更多请关注php中文网其它相关文章！