抖音小程序使用uni-app uni-grid组件报错，疑似新版包provide/inject识别异常

抖音小程序使用uni-app uni-grid组件报错，疑似新版包provide/inject识别异常

示例代码：

# fui-grid  
<template>  
......省略无关代码  
</template>  

<script>  
  // #ifdef APP-NVUE  
  const dom = uni.requireNativePlugin('dom');  
  // #endif  
  export default {  
    name: 'xui-grid',  
    emits: ['click'],  

    provide() {  
      return {  
        grid: this,  
      };  
    }  
......省略无关代码  

</script>  

# fui-grid-item  
<template>  
......省略无关代码  
</template>  

<script>  
  export default {  
    name: 'xui-grid-item',  
    emits: ['click'],  
    inject: ['grid'],  
    // #ifdef MP-WEIXIN  
    options: {  
      virtualHost: true,  
    },  
    // #endif  

......省略无关代码  
</script>

操作步骤：

1

预期结果：

1

实际结果：

抖音端能正常解析


| 信息类型         | 内容                                             |
|------------------|--------------------------------------------------|
| 产品分类         | uniapp/小程序/字节跳动                           |
| PC开发环境操作系统 | Mac                                              |
| PC开发环境操作系统版本号 | 1                                                |
| 第三方开发者工具版本号 | webstorm 2024.3.2.1                              |
| 基础库版本号     | 3.0.0-alpha-4050220250208001                     |
| 项目创建方式     | CLI                                              |
| CLI版本号        | 3.0.0-alpha-4050220250208001                     |

更多关于抖音小程序使用uni-app uni-grid组件报错，疑似新版包provide/inject识别异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

第一个问题在另外的帖子里讨论吧，第二 uni grid 的例子，提供个复现工程。提供更多信息，有助于定位和解答你的问题。

更多关于抖音小程序使用uni-app uni-grid组件报错，疑似新版包provide/inject识别异常的实战教程也可以访问 https://www.itying.com/category-93-b0.html


根据提供的代码和问题描述，这可能是抖音小程序新版对provide/inject的支持问题。以下是分析要点：

  1. 在抖音小程序环境中，provide/inject的注入机制可能存在兼容性问题，导致grid无法正确注入到子组件中

  2. 建议尝试以下解决方案：

  • 检查抖音小程序基础库版本是否过旧
  • 使用props替代provide/inject传递grid实例
  • 添加错误处理代码验证注入是否成功
  1. 临时解决方案可以尝试：
// 在fui-grid-item中添加
created() {
  if(!this.grid) {
    console.error('grid注入失败')
  }
}
回到顶部