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

本篇文章向大家介绍《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文件：

修改后的文件：

vue.config.js

module.exports = {
  assetsDir: 'static'
}

index.html

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

今天关于《Vue CLI 编译打开页面报错“Unexpected token \'》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！