项目场景:
使用uView遇到的问题总结
问题描述:
在使用uView的时候看官方文档npm安装依赖之后会遇到各种各样的问题,比如<u- 代码不提示的问题,或者运行到微信小程序上各种报错等等
原因分析:
官方文档没有看清楚、第一次接触HBuilderX或者第一次使用UniApp。
解决方案:
一、在上一篇介绍uView代码不补全的问题其实写的并不好,其实最简单的方法就是将下载好的依赖包中的node_modules文件夹目录下的uview-ui文件夹放在根目录下(这可能不是最有效的方法,但却是最快的方法)。
二、言归正传:标题遇到的问题你只需将你的代码改为下面的代码,并且修改后将微信开发者工具停止并退出。必要情况下也可以将HBuilderX重启后,重新运行到微信开发者工具。
// 引入uView组件
"easycom": {
// 下载安装的方式需要前面的"@/",npm安装的方式无需"@/"
// 下载安装方式
"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
// npm方式下载的引用
//"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
}