使用Vant 报错(0 , vue__WEBPACK_IMPORTED_MODULE_10__.ref) is not a function）

最新推荐文章于 2024-04-27 18:46:09 发布
最新推荐文章于 2024-04-27 18:46:09 发布
阅读量4.6k 收藏 4
点赞数 7
分类专栏： 解决一些头疼的问题 Vue 文章标签： vue.js webpack javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/egg_er/article/details/124647551
版权

安装完 vant 以后 报错

报错信息： app.js:127 Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_10__.ref) is not a function

在这里插入图片描述
解决思路 ： 查看我们的 package.json 文件中 我们使用的 vant 和 vue 的版本是不是一致的 ，如果不一致 ，把 Vant 卸载掉 重新安装

在这里插入图片描述

解决方案：

  1. 卸载 vant yarn remove vant
  2. 重新安装vant ： yarn add vant@2.6.1

tips: 让 vant 和 vue 的版本 保持一致

这样这个头疼的问题就解决了~~~

在这里插入图片描述

但行好事wlw
关注
  • 7
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
uniapp引入vant
m0_61950846的博客
03-14 328
来了来了
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
主要介绍了Vue 报错TypeError: this.$set is not a function 的解决方法，分享给大家，需要的朋友们下面随着小编来一起学习学习吧
npm安装Vant报错
最新发布
2301_80077119的博客
04-27 291
安装Vant报错
vue报错 TypeError: Object(...) is not a function
天天向上
09-25 5760
控制台报错截图如下： 经排查，是因为引用方法没有加双引号。
vue 报错 TypeError: Object(...) is not a function
weixin_43120901的博客
07-28 1394
vue 报错
解决 Vue 中报错：TypeError: Object(...) is not a function
☆往事随風☆的博客
07-27 1万+
解决 Vue 中报错：Object(...) is not a function
vue 父组件使用this.$refs调用子组件报错，undefined、not a function问题解决方法
m0_58893670的博客
04-26 4447
父组件调用子组件方法，一直报 not a function
vue+el_upload实现文件上传的方式.doc
02-01
"Vue+el_upload实现文件上传的方式" 在Web开发中，文件上传是一个非常常见的需求。 Vue.js是一个流行的前端框架，el_upload是一个基于Element UI的文件上传组件。通过组合这两个技术栈，我们可以轻松实现文件上传的...
Vue2.0_Vant_movies.zip
02-28
Vue2.0_Vant_movies.zip
vue_shopping:Vue-cli + Vue_Router + VantUI + Axios
04-18
vue_shopping项目设置npm install编译和热重装以进行开发npm run serve编译并最小化生产npm run build整理和修复文件npm run lint自定义配置请参阅。
UnitedMall_Mobile_Vue：使用vue.js和vant的联合购物中心移动项目
02-09
UnitedMall_Mobile_Vue 使用vue.js和vant的联合购物中心移动项目
vue_cli.zip
05-06
一、启用了eslint，该项目包包含：main.js导入的常用框架组件(vant、mintUI、swiper、moment、VueJsonp、fastclick、VueLazyload、axios)。 二、在index.html中初始化国产浏览器和IE的渲染模式、SEO、苹果私有属性、...
报错：Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_20__.reactive) is not a function
llllllllllll666的博客
05-08 1262
问题 引用vuex，项目跑起来后报错了 问题分析 发现自己在安装vuex时使用的命令是：npm i vuex； 在package.json中发现这样下载下来的默认是vuex4； vue4只能在vue3中使用，而我这个项目是vue2的，只能使用vuex3 解决方案 重新安装vue3 npm i vuex@3 不用卸载之前的版本，直接下载就可以自动更新最新下载的版本… ...
自定义v-model事件
Pgy121的博客
09-08 3149
父组件 <template> <div class="home"> <p>{{name}}</p> <v-model v-model="name"></v-model> </div> </template> <script> import vModel from '@/components/HelloWorld' export default { name: 'home',
Uncaught TypeError: ref is not a function，应该怎么改？Uncaught Refere：computed is not defined（都已解决）
weixin_40945354的博客
03-04 2349
<!DOCTYPE html> <html> <div id="app"> </div> <script src="https://unpkg.com/vue@next"></script> <script> const { ref } = 'Vue' const count = ref(1) const plusOne = computed(() => count.value + 1) console.log(pl
vue报错 TypeError Object(...) is not a function
sm923的博客
07-02 1万+
TypeError: Object(...) is not a function
Vue 安装less和less-loader报错TypeError: this.getOptions is not a function at Object.lessLoader
wujf90的博客
04-29 431
这个原因是版本控制的原因，可以cmd直接全局安装，也可以在IDE中安装在项目中。 npm install less@3.9.0 less-loader@4.1.0 --save-dev --答案参考了网上的答案。
vue通过this.$refs引用子组件出现undefined或者is not a function的错误
热门推荐
ACodeBird
11-09 4万+
1.出现undefined错误 包含子组件的标签需要放在<template></template>中第一个子标签的子标签中，而且需要设置ref属性，通过该属性调用子组件的方法或者属性，例如 <template> <a-card :bordered="false"> <s-table> ... </s-t...
webpack配置postcss报错
dongwang的博客
09-26 666
报错信息： 自动添加前缀的插件需要postcss 8，更新postcss或者降级此插件 项目中postcss-loader和autoprefixer插件版本 需要注意的是，有时候安装打包不报错，但是在ie上仍然不兼容，贴一个在ie上兼容的版本 ...
vant __wxconfig is not defined
05-01
"vant __wxconfig is not defined"表示在使用Vant组件库进行开发时，出现了一个错误提示，即“vant __wxconfig未定义”。这个错误通常是因为项目中缺少微信开发者工具的配置信息导致的。 要解决这个问题，可以尝试以下方法： 1.检查项目中是否已经正确引入了微信开发者工具的配置文件。 2.查看项目中是否使用了Vant组件库的版本是否和当前项目兼容。 3.检查项目中是否有其他的代码段与Vant组件库冲突导致出现此错误。 4.尝试升级Vant组件库的版本，或者使用其他的UI库代替Vant。 总之，要解决“vant __wxconfig未定义”的错误提示，需要仔细检查项目代码，查找出错误的原因，并进行修正。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值