OneSignalSDKWorker cannot be loaded

[mjm918]

Description:

Uncaught DOMException: Failed to execute 'importScripts' on 'WorkerGlobalScope': The script at 'https://cdn.onesignal.com/sdks/OneSignalSDKWorker.js' failed to load.
    at https://admin.easyecosystem.com/OneSignalSDKWorker.js:1:1

Hi recently we have been facing this issue while loading onesignal SDK and the worker SDK. I have attached an image containing the full error message. We have been using OneSignal for years but recently we encountered this issue.

Things we have checked before posting this issue

1. Adblockers are disabled
2. The worker sdk are correct path. The sdk location is correct if we click on the url from the console
3. No third party extension running on the browsers

Browsers we have tested

1. Chrome
2. Brave
3. Safari

Steps to Reproduce Issue:

1. Visit https://staging.easyecosystem.com/#/
2. Open console in browser. You will be able to see the error.

Anything else:

null

[rgomezp]

Howdy,
It looks like you are using firebase-messaging-sw.js. What version of the SDK are you using?

[mjm918]

Hi @rgomezp thank you for you reply. Sorry we had to push an urgent update to live yesterday thats why we decided to use firebase for time being.

The issue still can be seen in our staging: https://staging.easyecosystem.com/#/
We are using version 2.0.0

Thank you in advance

[rgomezp]

Howdy,
Here are the logs from your staging site:

(Host) » popoverAllowClick
Event.js:67 (Host) » permissionPromptDisplay
Event.js:67 (Host) » popoverClosed
OneSignalUtils.js:87 Called createSlidedown() .
SlidedownManager.js:285 Setting flag to not show the slidedown to the user again.
Event.js:67 (Host) » testFinishedAllowClickHandling
OneSignalUtils.js:87 Called isPushNotificationsEnabled() .
DismissHelper.js:64 (Host) OneSignal: User dismissed the push notification prompt; reprompt after 3 days.
OneSignalUtils.js:87 Called getSubscription() .
SlidedownManager.js:83 fi: The permission message of type push was previously dismissed.
    at yi.<anonymous> (https://cdn.onesignal.com/sdks/OneSignalPageSDKES6.js?v=151507:1:233757)
    at Generator.next (<anonymous>)
    at r (https://cdn.onesignal.com/sdks/OneSignalPageSDKES6.js?v=151507:1:716)
ServiceWorkerManager.js:139 [shouldInstallWorker] workerState None
ServiceWorkerManager.js:144 [shouldInstallWorker] Notification Permissions enabled, will install ServiceWorker
ServiceWorkerManager.js:358 [Service Worker Installation] Installing service worker https://staging.easyecosystem.com/OneSignalSDKWorker.js?appId=7425200f-031a-4fd7-9576-288e499d8ff1 https://staging.easyecosystem.com/.
Event.js:64 (Host) » notificationPermissionChange: {to: "granted"}
OneSignalUtils.js:87 Called checkAndTriggerSubscriptionChanged() .
react_devtools_backend.js:2842 Could not find an available ServiceWorker instance!
overrideMethod @ react_devtools_backend.js:2842
getAvailableServiceWorker @ ServiceWorkerUtilHelper.js:22
activeSwFileName @ ServiceWorkerManager.js:70
(anonymous) @ ServiceWorkerManager.js:64
r @ tslib.es6.js:62
Promise.then (async)
c @ tslib.es6.js:64
r @ tslib.es6.js:62
Promise.then (async)
c @ tslib.es6.js:64
(anonymous) @ tslib.es6.js:65
n @ tslib.es6.js:61
getActiveState @ ServiceWorkerManager.js:25
(anonymous) @ SubscriptionManager.js:619
r @ tslib.es6.js:62
Promise.then (async)
c @ tslib.es6.js:64
(anonymous) @ tslib.es6.js:65
n @ tslib.es6.js:61
getSubscriptionStateForSecure @ SubscriptionManager.js:607
(anonymous) @ SubscriptionManager.js:587
r @ tslib.es6.js:62
Promise.then (async)
c @ tslib.es6.js:64
(anonymous) @ tslib.es6.js:65
n @ tslib.es6.js:61
getSubscriptionState @ SubscriptionManager.js:568
(anonymous) @ EventHelper.js:21
(anonymous) @ tslib.es6.js:65
n @ tslib.es6.js:61
checkAndTriggerSubscriptionChanged @ EventHelper.js:18
onNotificationPermissionChange @ EventHelper.js:13
(anonymous) @ Emitter.js:113
(anonymous) @ tslib.es6.js:65
n @ tslib.es6.js:61
emit @ Emitter.js:106
(anonymous) @ Event.js:78
(anonymous) @ tslib.es6.js:65
n @ tslib.es6.js:61
trigger @ Event.js:56
(anonymous) @ PermissionUtils.js:12
r @ tslib.es6.js:62
Promise.then (async)
c @ tslib.es6.js:64
r @ tslib.es6.js:62
Promise.then (async)
c @ tslib.es6.js:64
r @ tslib.es6.js:62
Promise.then (async)
c @ tslib.es6.js:64
(anonymous) @ tslib.es6.js:65
n @ tslib.es6.js:61
triggerNotificationPermissionChanged @ PermissionUtils.js:4
(anonymous) @ utils.js:58
(anonymous) @ tslib.es6.js:65
n @ tslib.es6.js:61
f @ utils.js:57
onchange @ InitHelper.js:312
OneSignalUtils.js:87 Called isPushNotificationsEnabled() .
react_devtools_backend.js:2842 Could not find an available ServiceWorker instance!
overrideMethod @ react_devtools_backend.js:2842
getAvailableServiceWorker @ ServiceWorkerUtilHelper.js:22
activeSwFileName @ ServiceWorkerManager.js:70
(anonymous) @ ServiceWorkerManager.js:64
r @ tslib.es6.js:62
Promise.then (async)
c @ tslib.es6.js:64
r @ tslib.es6.js:62
Promise.then (async)
c @ tslib.es6.js:64
(anonymous) @ tslib.es6.js:65
n @ tslib.es6.js:61
getActiveState @ ServiceWorkerManager.js:25
(anonymous) @ SubscriptionManager.js:619
r @ tslib.es6.js:62
Promise.then (async)
c @ tslib.es6.js:64
(anonymous) @ tslib.es6.js:65
n @ tslib.es6.js:61
getSubscriptionStateForSecure @ SubscriptionManager.js:607
(anonymous) @ SubscriptionManager.js:587
r @ tslib.es6.js:62
Promise.then (async)
c @ tslib.es6.js:64
(anonymous) @ tslib.es6.js:65
n @ tslib.es6.js:61
getSubscriptionState @ SubscriptionManager.js:568
(anonymous) @ OneSignal.js:455
(anonymous) @ tslib.es6.js:65
n @ tslib.es6.js:61
privateIsPushNotificationsEnabled @ OneSignal.js:452
(anonymous) @ EventHelper.js:22
r @ tslib.es6.js:62
Promise.then (async)
c @ tslib.es6.js:64
(anonymous) @ tslib.es6.js:65
n @ tslib.es6.js:61
checkAndTriggerSubscriptionChanged @ EventHelper.js:18
onNotificationPermissionChange @ EventHelper.js:13
(anonymous) @ Emitter.js:113
(anonymous) @ tslib.es6.js:65
n @ tslib.es6.js:61
emit @ Emitter.js:106
(anonymous) @ Event.js:78
(anonymous) @ tslib.es6.js:65
n @ tslib.es6.js:61
trigger @ Event.js:56
(anonymous) @ PermissionUtils.js:12
r @ tslib.es6.js:62
Promise.then (async)
c @ tslib.es6.js:64
r @ tslib.es6.js:62
Promise.then (async)
c @ tslib.es6.js:64
r @ tslib.es6.js:62
Promise.then (async)
c @ tslib.es6.js:64
(anonymous) @ tslib.es6.js:65
n @ tslib.es6.js:61
triggerNotificationPermissionChanged @ PermissionUtils.js:4
(anonymous) @ utils.js:58
(anonymous) @ tslib.es6.js:65
n @ tslib.es6.js:61
f @ utils.js:57
onchange @ InitHelper.js:312
ServiceWorkerManager.js:375 [Service Worker Installation] Service worker installed.
ServiceWorkerManager.js:261 establishServiceWorkerChannel
SubscriptionManager.js:311 [Subscription Manager] Getting OneSignal service Worker...
SubscriptionHelper.js:59 Error: OneSignal service worker not found!
    at Ht.<anonymous> (SubscriptionManager.js:314)
    at Generator.next (<anonymous>)
    at r (tslib.es6.js:62)

If you inspect the Service Worker tab in Applications, you see it flicker. It looks like something eventually ends up deleting the SW instance that was just installed. Are you doing anything additional with the SW? Are you running a PWA and need to merge multiple service workers, for example?

Another possibility might be that the migration to version 2.0 wasn't done correctly. Can you double-check that you followed all the steps?

Finally, if you could provide your OneSignal-related source code that would be helpful also.

Cheers

[mjm918]

It looks like something eventually ends up deleting the SW instance that was just installed

Thanks for this.. Found the issue in the root index.js file
with this line serviceWorker.unregister();

Just wondering why it happened only after migrating the onesignal

[rgomezp]

I'm not really sure why. But I'm glad you fixed it.

Enjoy!

[kelvinOfoli]

how do I migrate to version 2.0