服务工作者加载资源失败：net :: ERR_INTERNET_DISCONNECTED

我目前正在使用Polymer +服务人员实施PWA。服务工作者加载资源失败：net :: ERR_INTERNET_DISCONNECTED

一般来说，服务人员工作正常。如果我运行我的应用程序，一切都很好。我可以看到服务工作者缓存被图像，html文件，字体以及其他内容填充。这很好。即使离线，带图片的页面也可以正确加载。

问题在于动态数据何时播放。

我得到如下：

只有在离线模式下没有的服务人员产生的错误，真的不太会说话，而不是可调试：

“而获取的脚本发生未知错误”

，并且只能在脱机模式下在控制台显示中执行错误。我想达到的是，当然没有错误;并在lighthouse我希望“URL离线时响应200”被绿色/检查。

我的文件夹结构如下：

- images 
- fonts 
- data 
-- portfolio 
--- portfolio.json 
--- portfolio.md 
- src 
- blog-app.html 
- sw-precache-config.json

下面的代码是我polymer.json + SW-预缓存-config.json Polymer.json：

{ 
    "entrypoint": "index.html", 
    "shell": "src/jrblog-app.html", 
    "fragments": [ 
    "src/portfolio-page.html", 
    "src/contact-page.html", 
    "src/404-page.html" 
    ], 
    "sourceGlobs": [ 
    "src/**/**/*", 
    "data/**/*", 
    "images/**/*", 
    "style/*", 
    "fonts/**/*", 
    "bower.json" 
    ], 
    "includeDependencies": [ 
    "manifest.json", 
    "bower_components/webcomponentsjs/webcomponents-lite.min.js" 
    ] 
}

SW-预缓存，配置.json：

module.exports = { 

     cacheId: 'jrblog-app-v1', 

     staticFileGlobs: [ 
    '/index.html', 
    '/manifest.json', 
    '/bower_components/webcomponentsjs/webcomponents-lite.min.js', 
    '/images/*.*', 
    '/fonts/**/*.*', 
    '/style/*.css' 
    ], 
    navigateFallback: '/index.html', 
    navigateFallbackWhitelist: [/^(?!.*\.html$|\/data\/).*/], 
    runtimeCaching: [ 
    { 
     urlPattern: /\/data\/*\/.*/, 
     handler: 'fastest', 
     options: { 
     cache: { 
      maxEntries: 100, 
      name: 'data-cache' 
     } 
     } 
    } 
    ] 
};

来源

2016-12-15 Joey Roosing