首页 > 文章列表 > Vue CLI 编译打开页面报错“Unexpected token \'

Vue CLI 编译打开页面报错“Unexpected token \'

330 2025-04-08

Vue CLI 编译打开页面报错“Unexpected token '

vuecli编译打开页面报错“Unexpected token '<'”原因及解决方法

在通过vuecli创建项目并引入本地js文件时,出现“Unexpected token '<'”错误,这是由于未正确配置对本地js文件的引用。

解决方案:

1. 将静态资源放置于指定目录

  • 创建目录结构public/static,将js文件放入该目录。

2. 配置vue.config.js

  • 在vue.config.js文件中添加以下配置:
module.exports = {
  // ...
  assetsDir: 'static'
  // ...
}

3. 正确引入本地js文件

在index.html中,使用正确的路径引用js文件:

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

修改后的文件:

vue.config.js

module.exports = {
  assetsDir: 'static'
}

index.html

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

至此,配置已完成,编译即可正常打开页面。

来源:1729928019