VUE引入jquery以后,调用方法,提示'$' is not defined。

引入jquery

在wabpack中引入了jquery

clipboard.png

在banner.vue中引入了自己写的jquery插件以及jquery

clipboard.png

然后在控制台报错

clipboard.png

是不是jquery没有引进来呢?

阅读 10.6k
4 个回答

问题:jQuery不是全局的

从上面问题研究出来,引入的jquery只是在当前的vue中可以使用,如果再引用自己写的js的话,还是需要在自己写的js中重新引用一下jquery,并且export出来。

解决方案,点击进入

  • 需要补充一下,光在 js中使用expose加载器不够,还需要 export default Slider

var $ = require('expose?jQuery!jquery')
var Slider ={
  //code 
}
export default Slider
  • 并且调用的时候需要Slider.default才能找到slider里面的方法

Slider.default.newClass()
//newClass是slider中的方法

ps:这是个大坑~~~

你用jquery代替$试试

alias里不需要定义这个别名,把jquery这个别名删掉就可以了。

新手上路,请多包涵

import $ from 'jquery'

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏