pwa启动后白屏?

Question

问题描述

在H5中
配置pwa的manifest后, 添加到桌面, 从桌面启动, 可以看到loading, 加载完后看不到内容

问题出现的环境背景及自己尝试过哪些方法

ios 安卓
再chrome上看注册成功了

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
<pre>
{
"name": "abc",
"short_name": "abc",
"description": "abc",
"icons": [

{
  "src": "./images/abc-logo.png",
  "sizes": "512x512",
  "type": "image/png"
}

],
"start_url": "/index.html",
"scope": "/",
"display": "standalone",
"orientation": "portrait",
"background_color": "#F3F3F3",
"theme_color": "#F3F3F3",
"related_applications": [],
"prefer_related_applications": false
}
</pre>

你期待的结果是什么？实际看到的错误信息又是什么？

是不是start_url问题, 没报错,

Answer 1

建立维护下问题的格式, 过于丑 ;

出现这样情况的很大概率是资料的路径指向错误, 假设你是 vue3.0, 可以尝试在根目录创建一个 vue.config.js 文件，内部代码如下：

   module.exports = {   
        publicPath: process.env.NODE_ENV === 'production' ? './' : './'  
   };