解析“Unexpected token ‘
在构建 Vue CLI 项目时，如果您在打开页面后遇到“Unexpected token ‘
1. 本地 JS 文件的路径错误
请确保您在 index.html 文件中引用本地 JS 文件的路径正确。该路径相对于 index.html 文件的位置，应如下所示：
立即学习“前端免费学习笔记（深入）”；
2. 配置错误
您需要在 vue.config.js 文件中设置 assetsDir 选项，以指定静态资源的目录。默认情况下，静态资源位于 public/static 目录下：
// vue.config.jsmodule.exports = { assetsDir: 'static',};
3. 缺少 Babel 解析
您需要确保使用了 Babel 来解析您的 JS 代码，这样才能将其转换为浏览器可以理解的格式。请确保您已在项目中安装了 Babel 依赖项并进行了适当的配置。
正确引用本地 JS 的配置
要正确引用本地 JS 文件，请遵循以下步骤：
将您的 JS 文件放在 public/static 目录下。在 vue.config.js 文件中设置 assetsDir: ‘static’。在 HTML 中使用正确的路径引用 JS 文件，如下所示：
以上就是Vue CLI 项目中遇到“Unexpected token ‘的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1556351.html
微信扫一扫 
支付宝扫一扫 
