当前位置:首页 > 文章列表 > 文章 > 前端 > 使用 Vue CLI 引入本地 JavaScript 文件出现 \"Uncaught SyntaxError: Unexpected token \'

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

2024-11-01 21:49:05 0浏览 收藏

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

使用 Vue CLI 引入本地 JavaScript 文件出现 \

解决 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 文件中,使用