Vue-cli 项目中引用本地 JavaScript 文件报错 “Unexpected token ‘

Vue-cli 项目中引用本地 JavaScript 文件报错

vue-cli 编译本地 javascript 文件报错 unexpected token ‘

问题描述:

通过 vue-cli 创建项目并定义一个全局 JavaScript 变量后,在 Vue 组件中使用该变量时,编译后打开页面会出现 “Unexpected token ‘

解决方案:

按照以下步骤操作:

立即学习“Java免费学习笔记(深入)”;

将静态资源放在 public/static 目录下:
将需要引用的 JavaScript 文件放在 public/static 文件夹中。

在 vue.config.js 中设置 assetsDir:
在 vue.config.js 文件中,为 assetsDir 配置项设置值为 ‘static’:

module.exports = {  assetsDir: 'static'}

正确引用本地 JavaScript 文件:
在 Vue 组件中,使用 /static/ 前缀引用本地 JavaScript 文件的路径:

import { tb } from '/static/js/test.js'

完成上述配置后,重新编译项目即可解决该错误。

以上就是Vue-cli 项目中引用本地 JavaScript 文件报错 “Unexpected token ‘的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1556385.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
如何让侧边栏元素在页面滚动到底部时消失,滚动到顶部时重新出现?
上一篇 2025年12月22日 02:00:01
如何在 HTML 页面内跳转而不使用 a 标签?
下一篇 2025年12月22日 02:00:09

相关推荐

发表回复

登录后才能评论
关注微信