addEventListener(';fetch';callback)从不在ReactJS中激发回调

addEventListener(';fetch';callback)从不在ReactJS中激发回调,reactjs,service-worker,addeventlistener,Reactjs,Service Worker,Addeventlistener,我正在尝试使用来自的代码在我的React应用程序中拦截获取 但是我从来没有看到获取捕获的日志。是否可以在service worker中拦截获取而不是?您需要使用将代码自动附加到service worker 从文件中: 用于将自定义代码附加到由Create React App创建的ServiceWorker的实用工具。 它允许保留默认CRA配置(无弹出)。它只是将自定义代码附加到由CRA构建脚本创建的ServiceWorker文件中。默认情况下,它使用非常基本的Webpack+Babel配置绑定

我正在尝试使用来自的代码在我的React应用程序中拦截
获取

但是我从来没有看到
获取捕获的
日志。是否可以在service worker中拦截
获取
而不是

您需要使用将代码自动附加到service worker


从文件中:

用于将自定义代码附加到由Create React App创建的ServiceWorker的实用工具。
它允许保留默认CRA配置(无弹出)。它只是将自定义代码附加到由CRA构建脚本创建的ServiceWorker文件中。默认情况下,它使用非常基本的Webpack+Babel配置绑定代码(可以省略;请参阅选项)

用法:
$cra追加软件[选项]

与create react应用程序一起使用:



您也可以在生成的文件中手动添加代码(无需使用cra append sw),但每次要生成项目时都需要这样做。

'fetch'
是该方法支持的事件/参数。它似乎不是一个对方法有任何意义的事件,该方法是在调用
document.addEventListener
时调用的方法。是受支持方法的列表。

是否使用create react应用程序?此代码在应用程序上下文中的位置?@AndrewSchwartz不确定我是否正确理解。应用程序的结构如下所示:
app->Provider->AppRouter->Layout->(…)
。我在Layout.componentWillMount()中调用此代码method@ziwert你在用CRA吗?如果您不知道如何检查,请转到package.json,检查您是否有
react scripts
@NicolasHevia,package中只有
react scripts ts
。我认为jsonIt是一个有用的工具,但对我来说并不适用。我不想从几个脚本中构建一个服务工作者,我想在我的reactjs代码中捕获
fetch
,并对它是否可能感兴趣。
window.addEventListener('fetch', event => { console.log("FETCH CAPTURED"); } );

"start": "react-scripts start && cra-append-sw --mode dev ./custom-sw.js",
"build": "react-scripts build && cra-append-sw ./custom-sw.js",