Question

我正在启用PWA和服务工作者的离子项目v3中工作，但是我目前正面临这个问题：

Uncaught (in promise) DOMException: Quota exceeded.

检查堆栈溢出情况，我发现chrome 5M的cahche限制存在问题，但在我的浏览器上似乎未达到该限制。

我还在此行中添加了Ionic发行版中描述的es，但没有任何变化...

self.toolbox.router.default = self.toolbox.networkOnly;

你知道为什么吗？

我也放了我所有的index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
    <meta charset="UTF-8">
    <title>xxx</title>
    <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highlight" content="no">

    <link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico">
    <link rel="manifest" href="manifest.json">
    <meta name="theme-color" content="#4e8ef7">

    <!-- add to homescreen for ios -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">


    <!-- google charts -->
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

    <script>
      if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('service-worker.js')
          .then(() => {
            console.log('service worker installed');
            self.toolbox.router.default = self.toolbox.networkOnly;
          }).catch(err => console.error('Error', err));
      }
    </script>

    <link href="build/main.css" rel="stylesheet">

</head>
<body>

<!-- Ionic's root component and where the app will load -->
<ion-app></ion-app>

<!-- The polyfills js is generated during the build process -->
<script src="build/polyfills.js"></script>

<!-- The vendor js is generated during the build process
     It contains all of the dependencies in node_modules -->
<script src="build/vendor.js"></script>

<!-- The main bundle js is generated during the build process -->
<script src="build/main.js"></script>

</body>
</html>

未捕获（承诺）DOMException：超出了配额。离子v3

0 个答案: