uni-app HBuilderX创建插件时 readme.md里代码片段的onLoad和show在上传到插件市场里自动消失

uni-app HBuilderX创建插件时 readme.md里代码片段的onLoad和show在上传到插件市场里自动消失

开发环境 版本号 项目创建方式
HbuilderX 3.94 HBuilderX

示例代码：

选项式api写法

<template>  
  <view>  
      <image src="../../static/logo.png"></image>  
    <yq-update-x ref="yqUpdatex"></yq-update-x>  
  </view>  
</template>  

<script lang="uts">  
export default {  
  data() {  
    return {  
      yqUpdatex: null as YqUpdateXComponentPublicInstance | null,  
    }  
  },  
  // 这里是onShow方法 不知道为啥，有时候插件市场就显示不出来  
  onShow() {  
    // 通过组件 ref 属性获取组件实例, 组件标签名首字母大写，驼峰+ComponentPublicInstance  
    this.yqUpdatex = this.$refs['yqUpdatex'] as YqUpdateXComponentPublicInstance  
    this.yqUpdatex!.show()  
  },  
  methods: {  

  }  
}  
</script>

组合式api写法

<template>  
  <view>  
      <image src="../../static/logo.png"></image>  
    <yq-update-x ref="yqUpdatex"></yq-update-x>  
  </view>  
</template>  

<script setup lang="uts">  
import{ ref } from 'vue'  
// 这里引入的onShow在插件市场老是显示不出来，自己写的时候加上  
import { onShow } from '@dcloudio/uni-app'  
const yqUpdatex = ref< YqUpdateXComponentPublicInstance | null>(null)  
// 这里的onShow方法在插件市场老是显示不出来，自己写的时候加上  
onShow(()=>{  
    yqUpdatex.value!.show()  
})  

</script>

操作步骤：

  • 上传插件市场

预期结果：

  • 上传插件市场显示正常

实际结果：

  • 上传插件市场不显示onLoad 和onShow

bug描述：

【报Bug】hbuilderx创建插件，readme.md里代码片段的onLoad和show在上传到插件市场里自动就消失了

示例图片


更多关于uni-app HBuilderX创建插件时 readme.md里代码片段的onLoad和show在上传到插件市场里自动消失的实战教程也可以访问 https://www.itying.com/category-93-b0.html

10 回复

插件链接发一下

更多关于uni-app HBuilderX创建插件时 readme.md里代码片段的onLoad和show在上传到插件市场里自动消失的实战教程也可以访问 https://www.itying.com/category-93-b0.html


https://ext.dcloud.net.cn/plugin?id=18131

是不是bug

回复 赵永强: 是有问题，已经可以了

回复 DCloud_云服务_moyang: 新加了一个插件，方法名又不见了https://ext.dcloud.net.cn/plugin?id=18856

@DCloud_云服务_moyang

方法名又没了

https://ext.dcloud.net.cn/plugin?id=18856

回复 赵永强: 我看下

在 uni-app 中，使用 HBuilderX 创建插件时，如果你发现 readme.md 文件中的代码片段在上传到插件市场后，onLoad 和 show 等生命周期函数自动消失了，可能是由于以下原因：

1. Markdown 渲染问题

  • 原因: 插件市场可能对 readme.md 文件进行了某些处理或过滤，导致部分代码片段被误认为是不必要的内容而被移除。

  • 解决方案:

    • 确保代码片段在 readme.md 文件中正确使用代码块语法（使用三个反引号 ``` 包裹代码）。
    • 尝试在代码块前后添加空行，以确保代码块被正确解析。
    export default {
  onLoad() {
    console.log('Page loaded');
  },
  onShow() {
    console.log('Page shown');
  }
}
回到顶部