近期开发微信小程序遇到的坑

173 阅读2分钟

我正在参与掘金创作者训练营第5期,点击了解活动详情

前言

前面总结了开发小程序时遇到的问题,今天这些不能完全算是问题了,应该算是踩过的坑了,接下来列举一下:

vantweapp使用时引入问题

在使用vant引入Notify消息通知这个组件的时候报错/path/to/@vant/weapp/dist/notify/notify未找到\ ‘selectComponent‘ of undefined报错。第一反应是这种组件怎么能出错,经历一系列自我纠错后放弃,转向万能的互联网,经过搜索筛选后发现引入出错。

官网的引入方法:

import Notify from '@vant/weapp/dist/notify/notify';

修改后:

import Notify from "../../miniprogram_npm/@vant/weapp/Notify/Notify";

不是所有都需要这样写,如果没有出错大家就不用管了。

微信跳转到tabbar界面

这个问题很早就遇到了,查文档解决后又忘了。微信跳转到tabbar界面也就是导航栏界面的时候不能使用最普通的navigateTo

wx.switchTab({
      url: "../me/index",
});

跳转失败

微信小程序跳转出现 navigateTo:fail page "pages/index/pages/input/input" is not found,这个错误其实比较愚蠢。不知道大家有没有用vscode或者WebStrom写代码,只用微信开发者工具的模拟器和调试器的习惯。如果有的话需要注意:

在其他编译器在app.json中操作的时候,需要在开发者工具保存一遍,不然就会像我一样文件夹出来了但是pages里却没有,就会报如上错误。不过解决很简单,只要加上就可。

后记

万能的互联网总是能给出最好的答案。在这个时代,遇到问题不要慌,大部分问题都有前人踩过坑并积极分享出来,大多数时候只是缺乏提炼问题的能力。最后特别感谢分享经验的大佬们,让我这个萌新在遇到问题的时候可以有所依靠。不过丰富自己的能力是必不可少的,希望有一天可以成为帮助别人的人。