解析“Unexpected token '<'”错误

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

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

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

立即学习“前端免费学习笔记（深入）”；

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

2. 配置错误

vue-admin-change-reviewer

审查 Vue 管理后台的变更请求（Vue 2 + Element UI，Vue 3 + Element Plus）。重点关注最小化变更实现、上线风险检查以及回归检查清单生成。

下载

您需要在 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 文件，如下所示：

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