声明:原文参考链接出自: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等。只需按需引入相应的组件即可,无需手动编写大量重复的代码。