addEventListener(';fetch';callback)从不在ReactJS中激发回调
我正在尝试使用来自的代码在我的React应用程序中拦截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配置绑定
获取
但是我从来没有看到获取捕获的日志。是否可以在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",