<template>
<view class="d-container-1 wrapper">
<d-space :size="40" vertical full align="flex-start">
<d-space :size="10" vertical align="flex-start">
<view class="font-8 font-bold">Login</view>
<view class="font-4">Good to see you back! ♥</view>
</d-space>
<d-input
round
:bordered="false"
placeholder="Phone Number"
bg-color="#f8f8f8"
>
<template #prefix>
<view>+86</view>
</template>
</d-input>
<d-space :size="20" vertical full>
<d-button type="primary" full>
<text class="font-4">Next</text>
</d-button>
<text class="font-2">Cancel</text>
</d-space>
</d-space>
</view>
</template>
<script setup>
defineOptions({
options: {
styleIsolation: 'shared',
virtualHost: true
}
})
</script>
<style>
.wrapper {
background-image: url('/static/images/bg-1.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.d-input {
--bg-color: #f8f8f8;
--font-size: 32rpx;
}
</style>
LuH
- 发布：2024-11-14 14:26
- 更新：2025-03-12 15:15
- 阅读：78
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 21H1
HBuilderX类型： 正式
HBuilderX版本号： 4.29
第三方开发者工具版本号： 1.06.2409140 win32-x64
基础库版本号： 3.5.8
项目创建方式： HBuilderX
示例代码：
操作步骤：
自定义组件设置virtualHost：true
自定义组件设置virtualHost：true
预期结果：
正常
正常
实际结果：
报错
报错
bug描述：
[渲染层错误] Failed to set the 'body' property on 'Document': The 1st argument provided is either null, or an invalid HTMLElement object.(env: Windows,mp,1.06.2409140; lib: 3.5.8)
[渲染层错误] HierarchyRequestError: SystemError (webviewScriptError)
Failed to set the 'body' property on 'Document': The 1st argument provided is either null, or an invalid HTMLElement object.(env: Windows,mp,1.06.2409140; lib: 3.5.8)
1 个回复
PUX
你这个错误是添加virtualHost属性到页面导致，应该添加到对应的组件内。