uniapp踩坑日记

最近我在用uniapp开发一个App，记录一下暂时遇到的两个小问题吧。

1.uni.navigateTo

本人写代码比较喜欢组件化细分，刚开始想在searchMain这个组件使用uni.navigateTo对搜索结果点击进行页面转跳的，当时想着直接uni.navigateTo({url:"../../userHome/userHome"})这样转跳的，但是发现转跳不了，打印了fail的回调函数发现这转跳路径不对。经过我两次摸索测试，如下图

测试一：报的是找不到这个页面路径（当时还没找到为什么）

 

测试二：可以看到navigate的url转跳的路径是基于当前页面的，以我的为例：searchMain是在search页面下，所以url转跳新页面是以search为基准来寻找新页面路径，如：uni.navigateTo({url: "../userHome/userHome"})

 

 2.本人不太喜欢使用（../../../images/img.png）这样来寻找图片或者路径，所以一般都会在vue中配置vue.config.js来使用别名，在uniapp中使用时，需要注意pages是不能作为别名使用的（不支持）。不然会报错找不到你pages里面所有文件的路径，但是他在h5端跑是非常正常的，但是在真机模拟上就跑不了了！

另外，报错了找不到文件路径还可能是由其他原因，其他博文上也有解答，应该就是他们说的那写情况了。 nvue模式、重启模拟机等。

 

第二次使用uniapp做项目，这是我最近遇到的两个小问题。有什么问题也欢迎大家一起交流，有其他什么错误也欢迎大家指出，谢谢！