Service Worker OneSignal 冲突 React PWA
Service Worker OneSignal conflict React PWA
我用 React (CRA) 构建了一个 PWA,但我在使用 OneSignal 的 Service Worker 时遇到了问题。
我的 OneSignalSDKWorker:
importScripts('https://pwa.yeapps.com.br/service-worker-custom.js');//My custom service worker
importScripts('https://cdn.onesignal.com/sdks/OneSignalSDKWorker.js');
我的 OneSignalSDK:
importScripts('https://cdn.onesignal.com/sdks/OneSignalSDK.js');
我的index.html:
if ('serviceWorker' in navigator) {
window.addEventListener('load', function () {
navigator.serviceWorker.register('OneSignalSDKWorker.js').then(function (registration) {
console.log('Worker registration successful', registration.scope);
}, function (err) {
console.log('Worker registration failed', err);
}).catch(function (err) {
console.log(err);
});
});
} else {
console.log('Service Worker is not supported by browser.');
}
但是在构建应用程序和上传文件时出现错误:
404 错误。
尝试将脚本放在 public 文件夹而不是 src。然后检查它是否正在加载正确的url。
我用 React (CRA) 构建了一个 PWA,但我在使用 OneSignal 的 Service Worker 时遇到了问题。
我的 OneSignalSDKWorker:
importScripts('https://pwa.yeapps.com.br/service-worker-custom.js');//My custom service worker
importScripts('https://cdn.onesignal.com/sdks/OneSignalSDKWorker.js');
我的 OneSignalSDK:
importScripts('https://cdn.onesignal.com/sdks/OneSignalSDK.js');
我的index.html:
if ('serviceWorker' in navigator) {
window.addEventListener('load', function () {
navigator.serviceWorker.register('OneSignalSDKWorker.js').then(function (registration) {
console.log('Worker registration successful', registration.scope);
}, function (err) {
console.log('Worker registration failed', err);
}).catch(function (err) {
console.log(err);
});
});
} else {
console.log('Service Worker is not supported by browser.');
}
但是在构建应用程序和上传文件时出现错误:
404 错误。
尝试将脚本放在 public 文件夹而不是 src。然后检查它是否正在加载正确的url。