问题描述：

安装了vant 3以上版本，在vue2引入vant组件库不生效，报错：

ERROR in ./node_modules/@vant/use/dist/index.esm.mjs 101:12-19
export 'isVNode' (imported as 'isVNode') was not found in 'vue'

解决方法：

卸载后重装 vant2.12.2即可

vant2 自动按需引入

vant2的官方文档：

https://vant-ui.github.io/vant/v2/#/zh-CN/quickstart

1. 安装插件：babel-plugin-import -D

npm i babel-plugin-import -D

或 yarn add babel-plugin-import -D

2.配置

根据自己的实际情况配置，我是第二种

// 在.babelrc 中添加配置
// 注意：webpack 1 无需设置 libraryDirectory
{"plugins": [["import", {"libraryName": "vant","libraryDirectory": "es","style": true}]]
}// 对于使用 babel7 的用户，可以在 babel.config.js 中配置
module.exports = {plugins: [['import', {libraryName: 'vant',libraryDirectory: 'es',style: true}, 'vant']]
};

3.注册

根据自己所需，选择其中一种方式注册

3.1 全局注册

在main.js 里引入并注册所需的vant组件

import {Button} from 'vant'
Vue.use(Button)//全局注册

3.2 在所需页面注册

<script>
import {Button} from 'vant'
export default {// 注册组件components:{vanButton:Button}
}
</script>

vue2 vant组件库报错：ERROR in ./node_modules/@vant/use/dist/index.esm.mjs 101:12-19export ‘isVNode‘ (imp相关推荐

【mars3d+vue2】项目打包报错 error in ./node_modules/mars3d-cesium/Build/Cesium/index.js
最近拉下 mars3d+vue2 最简模板的代码,运行就会报错类似这种cesium的报错官方给出的回答是: 目前cesium1.96改变了代码打包方式,在vue2项目下会有这个兼容报错问题. 当 ...
git pull 报错 error: cannot pull with rebase: Your index contains uncommitted changes.
git pull 报错 error: cannot pull with rebase: Your index contains uncommitted changes. error: please c ...
vant组件引入报错module “pages/index/initiate/path/to/@vant/weapp/dist/dialog/dialog.js“ is not defined
问题描述根据官方文档引入dialog弹出框引入报错: 使用vant组件库的dialog弹出框引入报错原因分析: 不能直接根据官网的路径直接写path/to,而是要使用你安装本地的dialog.js ...
【错误记录】Python 安装依赖库报错 ( ERROR: Could not find a version that satisfies the requirement elftools )
文章目录一.报错信息二.解决方案一.报错信息报错信息 : ERROR: Could not find a version that satisfies the requirement elft ...
运行ant-design-pro报错ERROR in ./node_modules/swagger-ui-react/swagger-ui.js 2:107055-107070Module not
报错内容: ERROR in ./node_modules/swagger-ui-react/swagger-ui.js 2:107055-107070 Module not found: Erro ...
vscode报错ERROR in node_modules/@types/node/ts3.5/globals.global.d.ts:1:13 - error TS2403: Subsequent
报错信息 ERROR in node_modules/@types/node/ts3.5/globals.global.d.ts:1:13 - error TS2403: Subsequent var ...
启动阿里低代码平台报错 error in ./node_modules/@alifd/next/es/grid/main.scss
第一次使用阿里巴巴的低代码平台,在简单绘制了几个组件后,准备导出来在本地运行起来,按照readme先安装了npm相关的包,但在启动后一直有这个报错,看了github上一些解决方式,都是让修改@alif ...
Vant 组件库（VUE）的使用 Vant滚动选择器选择器传值
在 vue- cli 项目中安装官方文档链接 npm ( 后面内容需要在控制台终端输入) # 通过 npm 安装 npm i vant -S 自动按需引入组件:babel-plugin-impor ...
当在终端中用 npm 安装 Vant 组件库时，发生“npm ERR code ERESOLVE ；npm ERRERESOLVE could not resolve；”报错时，该怎么办？
出现的问题: 当在终端中用 npm 安装 Vant 组件库时,发生 npm ERR! code ERESOLVE: npm ERR! ERESOLVE could not resolve:报错时, ...
python下载第三方库的时候报错ERROR: Command errored out with exit status 1: python setup.py egg_info Check the
python下载第三方库的时候报错ERROR: Command errored out with exit status 1: python setup.py egg_info Check the l ...

vue2 vant组件库报错：ERROR in ./node_modules/@vant/use/dist/index.esm.mjs 101:12-19export ‘isVNode‘ (imp