npm安装uView2.0后无代码提示的解决方法
两年前,关于uView1.x的时候我也写过一篇类似的文章,但由于各种原因新的uView2.x还没正式用过,今天踩了几个小坑。
产生bug
在按照官网的npm下载步骤一步一步来(我个人习惯将npm下载好的node_modules文件夹中的uview-ui移到根目录)。按照官网的步骤完成后,输入<u-
无代码提示,看了一些网上大家的解决方法,甚至有人说这是官网没有解决的bug。。。
解决方法
在 package.json
中的官网中给的配置如下:
"easycom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},
但其实如果你看最新uniapp的easycom配置文档就可以看到,给的例子:
"easycom": {
"autoscan": true,
"custom": {
"^uni-(.*)": "@/components/uni-$1.vue", // 匹配components目录内的vue文件
"^vue-file-(.*)": "packageName/path/to/vue-file-$1.vue" // 匹配node_modules内的vue文件
}
}
在其前面只需要加上 : @/
package.json
的正确配置如下(路径一定要对):
"easycom": {
"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
},
另外,多一嘴,配置好easycom
后,重启一下你的项目或者重启HbuilerX
(更推荐这种方式)!!!