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

- 发布:2025-08-26 14:37
- 更新:2025-08-26 15:23
- 阅读:20
在uniapp中使用xr-frame时,在微信开发工具中编译会提示Cannot generate sub context file app-wxss.js



代码阿尔法 (作者)
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文件夹位置如附件图