第一种方案:
一、安装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”文章来源:https://www.toymoban.com/news/detail-403294.html
vue3 对应vant3
“vant”: “^3.0.1”,
“vue”: “^3.0.1”,文章来源地址https://www.toymoban.com/news/detail-403294.html
到了这里,关于在Vue中引入vant报错(解决办法)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!