Vue引入JQuery报错caught ReferenceError: jQuery is not defined
报错解释:
这个错误表明在使用Vue框架的项目中尝试引用jQuery时失败了,因为JavaScript运行环境中没有找到jQuery对象。
解决方法:
确保已经通过npm或yarn安装了jQuery依赖。
npm install jquery --save
或者
yarn add jquery
在需要使用jQuery的Vue组件或者入口文件中,确保正确地引入jQuery。
import $ from 'jquery';
- 如果你是在
.vue
文件的<script>
标签内使用jQuery,确保jQuery的引入语句放在Vue实例或者组件声明的顶部。 - 如果你是在HTML模板中使用jQuery,确保jQuery库已经在HTML文件中通过
<script>
标签正确引入,并且在你尝试使用jQuery之前。 - 如果你是在Vue CLI创建的项目中遇到这个问题,确保jQuery在
vue.config.js
中正确配置了externals(外部依赖),避免被webpack打包。 - 如果以上步骤都正确无误,检查是否有其他JavaScript错误导致了执行流程中断,从而阻止了jQuery的正常加载。
评论已关闭