未处理的拒绝 (SecurityError)：操作不安全。在一个新的 create-react-app 项目上

Question

我用 create-react-app 创建了一个新项目，然后运行 ​​npm start 然后出现了。 https://imgur.com/a/3By9NCr

使用 FF 69.0.3

Answer 1

这个问题似乎只发生在 Firefox 中。边缘工作正常。

创建项目后，index.js更改：

serviceWorker.register();
//serviceWorker.unregister();

仍在试图弄清楚这是谁的错，但这应该能让你继续前进。

Answer 2

在Niraj Niroula回答的链接中找到的另一个解决方案：

如果您想保持启用Firefox 关闭时删除 cookie 和站点数据选项，请单击该Manage Exceptions按钮并将 localhost（带有协议和端口）添加到例外列表中：

Answer 3

看来这个问题只存在于 Firefox 中。仍然受到此错误困扰的任何人都可以尝试在隐私和安全设置中禁用Firefox 关闭时删除 cookie 和站点数据选项。 或者尝试将navigator.serviceWorker用法包装在 try/catch 中。就我而言

  if ("serviceWorker" in navigator) {
    navigator.serviceWorker.ready
      .then(registration => {
        registration.unregister();
      })
      .catch(error => console.log("ServiceWorker Warning: ", error));
  }

相关讨论和更多信息