在Vue中引入vant报错（解决办法）

第一种方案：

一、安装vant

npm i vant -S

二：导入vant包

在Vue项目的main.js文件中写入如下代码

import Vant from 'vant';

import 'vant/lib/index.css';

Vue.use(Vant);

注意：可能会遇到版本兼容的问题，此时运行项目会报黄

你会发现项目跑不了了

应该：

1、先卸载掉vant

npm uninstall vant

因为可能会产生依赖冲突，所以一般会在后面加上 -f 强制执行

2、降低npm版本：npm install npm@6.13.4 -g

3、再执行上述步骤

或者：

1、先卸载点vant

2、以不同的vant版本暗转：npm install -S vant@2.12.2

3、在执行上述步骤

重要：

vue2对应vant2， 举个例子

“vant”: “^2.12.2”,

“vue”: “^2.6.10”

vue3 对应vant3

“vant”: “^3.0.1”,

“vue”: “^3.0.1”,