
解析“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.config.js 文件中设置 assetsDir 选项,以指定静态资源的目录。默认情况下,静态资源位于 public/static 目录下:
// vue.config.js
module.exports = {
assetsDir: 'static',
};3. 缺少 Babel 解析
您需要确保使用了 Babel 来解析您的 JS 代码,这样才能将其转换为浏览器可以理解的格式。请确保您已在项目中安装了 Babel 依赖项并进行了适当的配置。
正确引用本地 JS 的配置
要正确引用本地 JS 文件,请遵循以下步骤:
<script type="text/javascript" src="/static/js/test.js"></script>
以上就是Vue CLI 项目中遇到“Unexpected token '的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号