命令行安装vant2项目

最新推荐文章于 2024-05-14 15:40:49 发布

Aaron莫言

最新推荐文章于 2024-05-14 15:40:49 发布

阅读量810

点赞数 8

CC 4.0 BY-SA版权

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/aoxiangzhe/article/details/135882440

声明：原文参考链接出自：ERROR in ./node_modules/vant export ‘createVNode‘ (imported as ‘_createVNode‘) was not found in ‘vue_error in node_modules/vant/lib/overlay/overlay.d.t-CSDN博客

已经安装Vant,但是引用Vant里面组件库时候报错：ERROR in ./node_modules/vant/es/nav-bar/NavBar.mjs 83:61-73 export 'createVNode' (imported as '_createVNode') was not found in 'vue’，错误信息如下所示：

解决方法：

注意：Vant库安装版本不适配，版本安装包为3.0+，此处需要更正为2.0+

使用命令行安装vant2项目

npm i vant@latest-v2 -S

vue 引入 vant

在Vue中使用vant组件库需要进行以下操作：

首先安装vant依赖包。可以通过npm或者yarn命令来完成安装，如下所示：

# 使用 npm 安装
$ npm install vant --save
# 使用 yarn 安装
$ yarn add vant

然后在项目的main.js文件（或其他入口文件）中导入并注册vant组件库，如下所示：

import Vue from 'vue';
import Vant from 'vant'; // 导入vant组件库
import 'vant/lib/index.css'; // 导入样式文件
 
Vue.use(Vant); // 全局注册vant组件库

现在就可以在Vue组件中直接使用vant提供的组件了，比如Button、Toast等。只需按需引入相应的组件即可，无需手动编写大量重复的代码。