VsCode创建Uniapp项目,引入vantweapp踩坑记录

一、按照网上的教程引入vantweapp

1、在根目录创建wxcomponents/@vant,从github上clone下vantweapp源码；

2、把vantweapp源码dist文件夹复制到@vant文件夹下，然后把dist更名为weapp；

3、在App.vue引入公共样式@import './wxcomponents/@vant/weapp/common/index.wxss';

4、在pages.json引入项目中需要用的组件

二、一切准备就绪，坑来了，按照网上的教程引入vantweapp一直报下面这个错误

三、查了很多资料才发现vscode创建的uniapp项目wxcomponents文件要放在src下，hbuilderX创的项目才放在根目录下，然后将相应的文件引入路径更改下就大功告成了