react项目，报错：ReferenceError: Cache is not defined

Question

React项目启动，控制台报错信息：ReferenceError: Cache is not defined

• 自己http://localhost:3000/访问没有问题
• 别人访问我的本地172.16.8.16:3000(http://localhost:3000/)就报这个错

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

• 问题出现的环境背景

  • react项目
  • Visual Studio 编辑器
  • react提供的脚手架webpack配置
  • 运行在谷歌浏览器上
  • 前天git版本没有问题，一天后提交了10多个版本后，再打包，部属到服务器上就报上面的图片错误
  • 谷歌输入http://localhost:3000/能运行。谷歌输入172.16.8.16:3000(http://localhost:3000/)本机地址访问和部署到服务器上的地址就不能访问，报图片上的错。

• 自己尝试的方法

  • 自己回退到没有报错的git版本，别人访问我的本地电脑，没有问题，却没有找出原因，但是代码版本已经提交很多，回到一天前的版本重新来过，非常耗时间。
  • 通过命令 yarn重新安装依赖。别人访问还是报错。
  • 找了这个模块serviceworker-cache-ployfill没有找到Cache这个变量，浏览器window全局没有这个变量
  • 百度和谷歌搜索了报错信息，没有找到答案。

相关代码

一个大项目，没法粘贴代码,不知道哪里报错了。感觉不是逻辑代码的错，是没有找到相关的依赖。

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

能解决此问题，很着急

Answer 1

有位同事无意中引入了sw-toolbox,去掉后就能正常访问了

//import { router } from 'sw-toolbox';

Answer 2

我也遇到过类似问题，你是引用了Google的sw-toolbox中的networkFirst选项吧？删掉就可以了
参考下https://www.miaomiaomiao.org/...

Answer 3

你的运行环境是什么？

出错的原因应该是你使用了serviceWorker， service worker依赖于window.Cache这个对象。

你的运行环境没有就报错了。 所以你的运行环境是什么？ 试一下正常的浏览器是否可以？

参考： https://stackoverflow.com/que...

Answer 4

我的运行环境是谷歌，编辑环境：Visual Studio Code