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>
至此，配置已完成，编译即可正常打开页面。
