代码阿尔法
代码阿尔法
  • 发布:2025-08-26 14:37
  • 更新:2025-08-26 15:23
  • 阅读:20

在uniapp中使用xr-frame时,在微信开发工具中编译会提示Cannot generate sub context file app-wxss.js

分类:uni-app

uniapp文件结构如附件图,在编译完成之后进入组件挂载(请看附件图)的页面,然后开发工具报错提示“Cannot generate sub context file app-wxss.js”,请问有大佬在创建这个wxcomponents的xr-frame使用组件的时候,遇到这个问题吗?

2025-08-26 14:37 负责人:无 分享
已邀请:
代码阿尔法

代码阿尔法 (作者)

错误截图,有能解决的大佬么

DCloud_UNI_JBB

DCloud_UNI_JBB

您好,麻烦发下hx版本和可复现demo

  • 代码阿尔法 (作者)

    可以查看这篇文章,我是根据这个结构来的:https://ask.dcloud.net.cn/question/180544,hx版本是4.45

    2025-08-26 15:11

代码阿尔法

代码阿尔法 (作者)

index.wxml

<xr-scene ar-system="modes:Marker" id="xr-scene" bind:ready="handleReady" bind:ar-ready="handleARReady" bind:tick="handleTick">  
    <xr-node>  
        <xr-ar-tracker wx:if="{{markerImg != ''}}" mode="Marker" src="{{markerImg}}" id="arTracker"></xr-ar-tracker>  
        <xr-camera id="camera" node-id="camera" position="0.8 2.2 -5" clear-color="0.925 0.925 0.925 1" background="ar" is-ar-camera></xr-camera>  
    </xr-node>  
    <xr-shadow id="shadow-root"></xr-shadow>  
    <xr-node node-id="lights">  
        <xr-light type="ambient" color="1 1 1" intensity="2" />  
        <xr-light type="directional" rotation="180 0 0" color="1 1 1" intensity="1" />  
    </xr-node>  
</xr-scene>

index.json

{  
    "component": true,  
    "renderer": "xr-frame",  
    "usingComponents": {}  
}

index.js

Component({   
    data: {  
        markerImg: '随便网络图片',  
    },  
    methods: {  
        handleReady(e) {  
            console.log(e)  
        },  
        handleARReady(e) {  
            console.log(e)  
        },  
        handleTick() {  
            console.info('00')  
        }  
    }  
})
代码阿尔法

代码阿尔法 (作者)

AR.vue // 配置xr-frame组件的页面,点击进入该页面后使用xr-frame组件

<template>  
    <view>  
        <xr-start></xr-start>  
    </view>   
</template>  
<script>  
    export default {  
        data() {  
            return {  
                markerImg: 'https://tanyou.yijiyou.net/static/image/bg.jpg'  
            }  
        },  
        onShareAppMessage() {  
            wx.showShareMenu({  
                withShareTicket: true,  
                menus: ['shareAppMessage', 'shareTimeline']  
            })  
        },  
        methods: {  
            handleReady() {},  
            handleARReady() {},  
            handleTick() {}  
        },  
    }  
</script>

pages.json //页面配置文件

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

wxcomponents文件夹位置如附件图

要回复问题请先登录注册