8.19 小程序开发过程中的bug

150 阅读2分钟

一、经常出现的报错:小程序前期运行正常,编译了几次后突然报错(没有改动报错中的这个文件)

image.png

  • 切换成了node16版本

yarn install 成功运行

二、页面跳转无反应

  1. 问题描述:创建了一个非tabar页面,但不能跳转过去
  2. 解决方案:为页面创建小程序的“框架”,遵循小程序页面的生命周期 wepy.page、onLoad(可参考“二”中代码)

三、控制台提醒:Page "pages/login/login" has not been registered yet.

  • 做法一: 重新运行项目 false
  • 做法二: 删除weapp 重来一遍 false
  • 做法三: 切换编译版本 false
  • 做法四: 最终发现是没有给我的新页面赋予小程序页面的生命周期。
<template>
  <div class="box"></div>
</template>

<script>
import wepy from '@wepy/core';

wepy.page({
  data: {},
  onLoad() {},
  onShow() {},
  methods: {}
});
</script>
  
<style lang="less">
  .box {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    overflow: hidden; // background: #f5f6f7;
    background: #ffffff;
}
</style>

四、识别html标签

  1. 将上个页面获取到的对象数据缓存起来
  2. 在下个页面取出缓存数据
  3. 使用小程序原生标签:<rich-text>
<div>
  <rich-text nodes="{{newsDetail.context}}"></rich-text>
</div>

五、小程序滑到底就报错

image.png

通常这种报错不是因为apply未定义,而是页面中有其他错误,以下是四个动作:

  • 检查一: 没有给scroll-view上高度
  • 检查二: 定义了变量但没有使用上
  • 检查三: 复制过程中没有复制完整
  • 检查四: 移植代码的过程中,有些方法没有用上,没有及时注释或删除

六、小程序项目配置文件

  1. project.private.config.json 中的相同设置优先级高于 project.config.json
  2. 可以在 project.config.json 文件中配置公共的配置,在 project.private.config.json 配置个人的配置,可以将 project.private.config.json 写到 .gitignore 避免版本管理的冲突。

image.png

七、拉完代码后域名问题报错

  • 小程序启动后登录报错,求你多看看相应本地设置

image.png