l***@qq.com
l***@qq.com
  • 发布:2022-02-10 09:09
  • 更新:2022-11-03 09:38
  • 阅读:3041

【报Bug】uniapp以H5方式打包发布后,通过浏览器打开index.html网页为空白

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 11 专业版 21H2 22000.434

HBuilderX类型: 正式

HBuilderX版本号: 3.3.11

浏览器平台: Chrome

浏览器版本: 98.0.4758.82(正式版本) (64 位)

项目创建方式: HBuilderX

示例代码:

<!DOCTYPE html>  
<html lang=zh-CN>  

<head>  
    <meta charset=utf-8>  
    <meta http-equiv=X-UA-Compatible content="IE=edge">  
    <title>Demo</title>  
    <script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))  
        document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script>  
    <link rel=stylesheet href=/static/index.a5c69d49.css>  
</head>  

<body><noscript><strong>Please enable JavaScript to continue.</strong></noscript>  
    <div id=app></div>  
    <script src=/static/js/chunk-vendors.9c8e8f7a.js></script>  
    <script src=/static/js/index.cb134b2d.js></script>  
</body>  

</html>

操作步骤:

编译后,通过浏览器打开index.html文件

预期结果:

应与使用内部浏览器调试时,显示一致

实际结果:

空白页面

bug描述:

以H5方式打包发布后,通过浏览器打开index.html网页为空白

2022-02-10 09:09 负责人:无 分享
已邀请:
BoredApe

BoredApe - 有问题就会有答案。

需要本地起服务才可以 不能直接打开index.html,可以使用这个库:live-server

  • l***@qq.com (作者)

    谢谢,稍后测试一下

    2022-02-10 14:49

6***@qq.com

6***@qq.com

见图

该问题目前已经被锁定, 无法添加新回复