【报Bug】vite项目打包后，HBuiderX真机运行白屏，H5正常

分类：HBuilderX

bug反馈

产品分类： HbuilderX

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 22000.856

HBuilderX版本号： 3.5.3

操作步骤：

vite,npm run build 生成dist文件夹，然后把dist文件夹下的所有文件复制到hybrid文件夹下的html文件夹下，然后在index.vue里面编写``` javascript
<template>
<view>
<web-view :webview-styles="webviewStyles" src="/hybrid/html/local.html"></web-view>

</view>
</template>
<script>
export default {
data() {
return {
webviewStyles: {
progress: {
color: '#FF3333'
}
}
}
}
}
</script>

预期结果：

真机运行正常

实际结果：

发现白屏并出现打不开页面的标志

bug描述：

<template>  
    <view>  
        <web-view :webview-styles="webviewStyles" src="/hybrid/html/local.html"></web-view>  
        <!-- <web-view src="/hybrid/html/index.html"></web-view> -->  
    </view>  
</template>  
<script>  
    export default {  
        data() {  
            return {  
                webviewStyles: {  
                    progress: {  
                        color: '#FF3333'  
                    }  
                }  
            }  
        }  
    }  
</script>

2022-09-13 16:50 负责人:无分享

4 个回复

DCloud_UNI_WZF

重新运行可以吗，还是一直这样，如后者，请提供测试工程

7***@qq.com (作者)

一直都这样，提供打包后的代码吗

2022-09-14 08:55
DCloud_UNI_WZF

回复 7***@qq.com: 提供能复现的demo(不是打包后的)

2022-09-14 09:56
7***@qq.com (作者)

回复 DCloud_UNI_WZF: 我提供一个gitee地址，你可以拉代码下来https://gitee.com/aliceeason/vant3.0-ts-app.git

2022-09-14 14:10
DCloud_UNI_WZF

回复 7***@qq.com: 你提供的项目在我本地跑不起来，但是我拿一个空白的vite+vue3+ts项目，build之后启动服务，HX创建项目并引入没有问题，这里要注意的是打包后的html直接打开页面是空白的，要开一个服务（如果你H5端引入可以，说明你了解这一点），App端出现这种情况，说明资源没有访问到，请检查你的服务在App端是否可以访问

2022-09-14 14:53
7***@qq.com (作者)

回复 DCloud_UNI_WZF: 明白，我试试

2022-09-16 10:10
7***@qq.com (作者)

回复 7***@qq.com: 我试过了，我也用了vite+vue3+ts项目跑，结果打包出来还是空白的，而且是vue3.0官方基本的搭建项目，中间没有api请求的，只是一个简单的页面

2022-09-21 11:42
3***@qq.com

请问解决了嘛

2022-11-19 15:11