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

解析“Unexpected token '

在构建 Vue CLI 项目时，如果您在打开页面后遇到“Unexpected token '

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

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

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

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

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

以上就是Vue CLI 项目中遇到“Unexpected token \'的详细内容，更多请关注其它相关文章！