Vue CLI 项目中遇到“Unexpected token \'

哈喽！大家好，很高兴又见面了，我是golang学习网的一名作者，今天由我给大家带来一篇《Vue CLI 项目中遇到“Unexpected token \'》，本文主要会讲到等等知识点，希望大家一起学习进步，也欢迎大家关注、点赞、收藏、转发! 下面就一起来看看吧！

解析“Unexpected token '<'”错误

在构建 Vue CLI 项目时，如果您在打开页面后遇到“Unexpected token '<' (at x.js)”错误，这可能是由于以下原因之一：

1. 本地 JS 文件的路径错误

请确保您在 index.html 文件中引用本地 JS 文件的路径正确。该路径相对于 index.html 文件的位置，应如下所示：

2. 配置错误

您需要在 vue.config.js 文件中设置 assetsDir 选项，以指定静态资源的目录。默认情况下，静态资源位于 public/static 目录下：

// vue.config.js
module.exports = {
  assetsDir: 'static',
};

3. 缺少 Babel 解析

您需要确保使用了 Babel 来解析您的 JS 代码，这样才能将其转换为浏览器可以理解的格式。请确保您已在项目中安装了 Babel 依赖项并进行了适当的配置。

正确引用本地 JS 的配置

要正确引用本地 JS 文件，请遵循以下步骤：

1. 将您的 JS 文件放在 public/static 目录下。
2. 在 vue.config.js 文件中设置 assetsDir: 'static'。
3. 在 HTML 中使用正确的路径引用 JS 文件，如下所示：

理论要掌握，实操不能落！以上关于《Vue CLI 项目中遇到“Unexpected token \'》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！