
解决 vue-cli 编译后报错 Uncaught SyntaxError: Unexpected token '
在使用 vue-cli 创建项目并引用本地 JavaScript 文件时,可能出现 Unexpected token '
正确的配置和文件路径写法:
-
将静态资源放置在 public/static 目录中:
将需引用的 JavaScript 文件放在项目的 public/static 目录下。 -
在 vue.config.js 中设置 assetsDir:
在项目的 vue.config.js 文件中,添加如下配置:立即学习“Java免费学习笔记(深入)”;
module.exports = { assetsDir: 'static' }; -
在 HTML 文件中引用本地 JS 文件:
在 index.html 文件中,使用
示例:
项目结构:
- project
- public
- static
- test2.js
- index.html
- vue.config.jsvue.config.js 内容:
module.exports = {
assetsDir: 'static'
};index.html 内容:
完成以上配置后,即可正确引用本地 JavaScript 文件,消除 Unexpected token '










