【十万火急】.vue 文件直接引用纯 js 函数的本地脚本库报错

wilson2017 2021-03-31 09:47:47
问题背景:
我从 vue 官网 install 了一个 vue 的脚手架,准备把之前写的 html ui 框架移植到 vue 项目里。发现在引用一些纯 js 函数的脚本库时会报 " $ is not defined " 之类的错误

初步处理办法:
网上搜了一些方法,通过 npm install jquery --save 来装 jquery ,并且添加 vue.config.js 来进行配置之后还是得不到解决。

代码及我的解决流程参考:

1. 通过 npm install jquery --save 安装 jquery
2. 添加 vue.config.js 进行 Jquery 配置 ,代码如下

2. 在 main.js import jquery ,代码如下

3. 在 .vue 文件直接类似传统 html 一样引用 js 本地文件,代码如下


以上操作,运行之后报错如下:
...全文
1129 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
小小农民 2021-04-28
  • 打赏
  • 举报
回复
再试下换个jquery路径,引用新的官方的路径试试 <script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
wilson2017 2021-03-31
  • 打赏
  • 举报
回复
按这个方式是没报错了,但是 js 执行没法执行了
wilson2017 2021-03-31
  • 打赏
  • 举报
回复
没有人解决的了了吗 完犊子
wilson2017 2021-03-31
  • 打赏
  • 举报
回复
引用 4 楼 小小农民 的回复:
<script>window.$ = window.jQuery = require("./js/jquery.min");</script> 试试页面上用这个方法重定义下看看呢
没用
小小农民 2021-03-31
  • 打赏
  • 举报
回复
<script>window.$ = window.jQuery = require("./js/jquery.min");</script> 试试页面上用这个方法重定义下看看呢

39,082

社区成员

发帖
与我相关
我的任务
社区描述
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。
社区管理员
  • HTML5社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧