微信xr-frame如何在uniapp中使用？

分类：uni-app

uniapp

我已经检索过相关问题，得到的一个可能的解决方案是说在wxcomponents中放组件，然后正常引用。
但问题是：
如果按照官方demo给出的xr-start写，一共两个文件，index.json和index.wxml，无法在uniapp的.vue文件中引用。
如果将xr-start也变成.vue格式，在编译之后确实就变成三个文件：index.js index.json 和 index.wxml了，但index.json中没有renderer:'xr-frame'，引用后也没有效果。
所以这个正确的用法到底是怎么样的？有没有用过的大佬说说清楚

2023-10-30 18:00 负责人:无分享

6 个回复

w***@126.com (作者)

尝试出来了：

创建wxcomponents文件夹（和pages,components等在同一目录下）

在该文件夹下新建index.json和index.wxml（参看官方文档）
3.在pages.json中，为要引入该组件的页面设置使用组件

{  
"path": "pages/demo",  
"style": {  
        "usingComponents": {  
            "xr-start":"../../wxcomponents/xr-start"  
         }  
    }  
}

在页面中使用

<xr-start  
disable-scroll  
id="main-frame"  
:width="renderWidth"  
:height="renderHeight"  
:style="'width:'+width+'px;height:'+height+'px;'"  
/>

w***@126.com (作者)

在第二步还需要加一个index.js，否则会报错找不到

Component({  

})

荼蘼R

您好就是编译小程序的时候会报错Cannot generate sub context file app-wxss.js

Error: Cannot generate sub context file app-wxss.js

at exports.getAppserviceSubContextFile 请问有办法解决吗？

2024-08-14 16:28
2***@qq.com

怎么解决的，老哥

2025-02-26 10:35