vue使用vant 报错Object(...) is not a function

最新推荐文章于 2024-09-07 11:37:40 发布
最新推荐文章于 2024-09-07 11:37:40 发布
阅读量2.5k 收藏 5
点赞数 4
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42833778/article/details/118149724
版权

@[TOC](vue使用vant 报错Object(…) is not a function)

首次vue-cli 使用vant的小坑, 各位老铁注意, 直接上代码

使用vant时报错 如下:
在这里插入图片描述
原因: vue的版本和vant的版本不对, 此处vue的版本不是脚手架vue-cli 或者 @vue/cli的版本, 可在项目package.json 中查看, 如果不是同一版本的, 需要把vant的版本卸载重新安装
卸载vant 执行命令 npm uninstall vant

在这里插入图片描述

在这里插入图片描述

qq_42833778
关注
专栏目录
Vue+vant仿有客页面
luvzen0127的博客
09-18 1326
vantUI介绍 vaniui Vant 是有赞前端团队开源的移动端组件库，于 2017 年开源，已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。 项目 前端地址：https://yk.52kfw.cn/index.html#/home 后端地址：https://yk.52kfw.cn/admin.html#/manage 接口文档：https://api.52kfw.cn/api.html 项目搭建 vue环境 vantui环境
vue2.0_vue中Vue.use 和 Vue.prototype.xxx 的区别
QiuRenBB的博客
02-16 644
共同点：   Vue.use( ) 和 Vue.prototype.xxx 两种方式都可以引入插件，它们都是将 插件挂载到 Vue 的实例上，这样我们就可以在全局使用这个插件。 区别： 1、Vue.use   ①.不是为了vue写的插件(插件内要处理)不支持Vue.use()加载方式。   ②.Vue.use()的参数是{ object || Function }，如果参数是对象则必须提供 install 方法，如果参数是函数则将参数作为 install 方法，install 方法调用时会将 Vue 作为参
全局引入vant组件库 报：Object(...) is not a function错误
weixin_51629637的博客
04-01 2001
2022.4-1 bug记录：在vue2脚手架中，全局引入vant组件库，使用使用vue ui 安装vant依赖，页面显示空白，报Object(...) is not a function错误 报错原因：vue ui 安装的是最新vant的3.4.7版本，适用于vue3的，vue2不适用 解决方法：在vue ui里面删除vant依赖包，使用npm 安装 2.点几版本的vant，重新npm run serve 就可以正常运行了，安装后可在package.json文件查看版本 # Vu..
按需引入vant报错Object(...) is not a function
swx999的博客
01-28 1728
先检查单词大小有没有写错，如果各方面都没有错误的话，检查一下vant版本，如果是3，修改版本为2的就可以了 报错信息： 解决办法，看vant版本：
Vite + Vue3 +Vant4出现Toast is not a function
最新发布
小吴
09-07 520
今天写前端的时候出现了这个问题搞了我一会。发现还是报错,说是找不到对应的样式文件。不过这个解决不了我的问题。
vue使用vant第三方vant报错：Uncaught TypeError: Object(...) is not a function at eval，终端有黄色提醒
weixin_48302334的博客
12-15 5658
666
vant 按需引入Object(...) is not a function报错
积极的小可爱~的博客
03-11 2730
我一直检查没发现我引入vant的方式有问题啊，跟着官方文档走。 在main.js里面 然后运行就一直报错 并且页面一直空白，然后疯狂找资料。。。 最后发现是我vue 的版本是2，然后我是使用vue3的方式引入的vant… 知道原因后重新下载vant 在package.json文件中查看重新安装后的vant版本，都是2后重新启动就正确了。 重点： ...
vue报错：TypeError: Object(...) is not a function
热门推荐
AndrewNeo
06-24 4万+
报错描述： TypeError: Object(...) is not a function 这种问题常见的原因如下： data中的数据和methods中的方法重名，解决办法：将名字修改即可。 在 这里 我会讨论另外一种错误：经过排查，发现原因是导入的JS文件没有用大括号接收，然后又把它当做方法调用了： 错误代码如下： 正确代码如下： ...
vue.js中toast用法及使用toast弹框的实例代码
01-19
1.首先引入 import { Toast } from 'vant' ...下面通过实例代码看下vue 中使用 Toast弹框 import { ToastPlugin,ConfirmPlugin,AlertPlugin} from 'vux' Vue.use(ToastPlugin) Vue.use(ConfirmPlugin)
Vue+vant移动端页面的开发流程
dell_wu_gao_jian的博客
06-15 2490
1、开发前该准备的工具和库 一、创建项目流程 下载node.js和git工具 在码云网站上创建仓库，在桌面上打开git bash运行git clone （加上ssh的编码） npm install -g @vue/cli 安装vue脚手架工具 vue create my-project(或者winpty vue.cmd create)创建项目 运行git init (此命令初始化一个新本地仓库)、git add .和git commit -m ‘message’、git remote add origi
webpack5+vue3+vant的基础配置
qq_41379824的博客
11-05 1041
webpack一些基础知识点 核心概念 Entry : 入口，执行构建的第一步 Module : 会从配置的Entry开始递归找出所有依赖的模块 Chunk ：用于代码的分割与合并 Loader：模块转换器 Plugin：扩展插件，在特定时机注入扩展逻辑改变构建结果 Output：输出结果 webpack是对jacascript打包的工具，不能识别其他的文件，所以需要配置loader进行识别 前言 项目目录结构 ├─build │ ├─webpack.base.conf.js //开发环境和生产
react-markdown支持83版本的Chrome，解决Object.hasOwn is not a function问题
llsixly
10-31 1621
根据作者和报告这个问题的大哥说需要用到bable进行语法的转换。对于我这种菜鸡还是在antd的环境下，搞了一晚上也没明白bable怎么用。所以我看了一下MarkDown的源码，发现他就只有一个位置用到了。测试的时候一切正常，当我切换到生成环境的旧版的83的Chrome之后，发现会报。删除掉.umi的cache重新编译后，在83的版本上运行正常~react-markdown用了一个ES2022的api，，那就测试直接修改源码。
使用antv x6注册vue组件报错，TypeError: Object(...) is not a function (teleport.js:3:23)
lingliu0824的博客
10-26 741
即模块会使用全局引入的vue，问题就出在全局引入的vue是2.6.14版本，但是模块中使用的是2.7.10的版本。vu-demi安装时是和模块的vue版本对应的，固出现了vue-demi版本和项目实际使用版本不一致的情况。由于项目在index.html中通过本地引入的方式引入了vue.min.js（2.6.14），然后在模块下使用了配置。解决：将全局版本和模块package.json中定义的版本保持一致。点击定位到报错的位置为。
关于Vue项目中js报错callback() is not a function
xiao_bai_12138的博客
03-16 5267
关于Vue项目中js报错callback() is not a function 原函数： 解决后： 即在参数中加入了rule，虽然rule都没有使用，但确实是解决了callback() is not a function
记录一个Vue3使用Vant的Dialog的错误
weixin_50846239的博客
11-30 601
原先代码是这样的，调用vant.Dialog.alert()来弹出消息对话框，但是console里一直提示Dialog is not defined错误。
新安webpack插件后编译报错compiler.plugin is not a function
qq_44308424的博客
02-23 8024
安装使用generate-asset-webpack-plugin时报错TypeError：compiler.plugin is not a function，网上搜索了一下大概就是webpack5与这些插件不匹配。推荐的方法几乎都是换一个适配的插件版本，但我所需要的这个插件在npm上最近更新时间是7年前💔。等不着作者适配于是决定自己改。
[vue error] TypeError: Components is not a function
JiuMeilove的博客
03-03 1956
unplugin-vue-components插件版本问题 查看 unplugin-vue-components插件可以发现版本太高了。unplugin-vue-components 版本高了，我用的0.26.0，改成0.25.2 ，这个问题就不报错了。
TypeError: Components is not a function
qq_44887733的博客
07-30 455
Vue中按需引入Element-plus时，报错TypeError: Components is not a function。
vue 使用scss报错 this.getOptions is not a function
04-28
这个错误通常是由于vue-loader版本过低导致的，可以尝试升级vue-loader的版本或者使用sass-loader代替scss-loader来解决问题。 如果你使用的是vue-cli 3.x，可以尝试执行以下命令升级vue-loader的版本： ``` npm ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值