$ is not defined 问题

Question

在webpack.base.config.js里面引入jquery

在main.js里面导入

在package.json里面添加

还是没有找到

并且在相应组件里面引$的时候，使用$('选择器')的时候刷新，并未获得任何有效值，

但是当再次修改footer.vue里面的选择器的时候，启用热加载的时候就可以得到值，这是为什么？

求大神解释，有哪里写的不对。

Answer 1

import的地方改成
import * as $ from 'jquery'
试试

Answer 2

安装依赖了吗？

Answer 3

footer.vue 两次输出的不同是因为在热更新前$('.foot') 还没有宽度 jqurey对象引入的没毛病 至于client.js的报错 请贴下client.js的代码

Answer 4

document 还没有准备好，所以获取不到值，你可以在

$(function(){

})

里面 console 试试

Answer 5

不用在webpack的配置里面引入jQuery。
在每个用到的地方直接import $ from 'jquery'就可以了，亲测可用

Answer 6

这个$ is not defined 问题 是因为自己的chrome插件引起的 一个天气插件 ，后来把这个插件删除 报错解除，还是得 全方位看清问题的本质啊 长教训了又