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

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

在通过vuecli创建项目并引入本地js文件时，出现“Unexpected token '

解决方案：

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>

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

以上就是Vue CLI 编译打开页面报错“Unexpected token \'的详细内容，更多请关注其它相关文章！