مشکل در register کردن serviceworker در pwa

سلام خدمت همه دوستان راکتی !

دوستان من یه مشکلی دارم توی رجیستر کردن سرویس ورکر توی pwa

وقتی ران میگیرم تا ببینم رجیستر شده یا نه با این خطا رو به رو میشم :

dont Activated: TypeError: Failed to register a ServiceWorker: A bad HTTP response code (404) was received when fetching the script.

اینم کد فعال کردن service worker من :

    navigator
     .serviceWorker
     .register('/service-worker.js').then(registration => {
         console.log('Service worker has been Activted  :' , registration);
     }).catch(err => {
         console.log('dont Activated:' , err )
     })
} else {
    console.log('Servise workers not actived')
}

مشکل چیه ؟

بهترین پاسخ انتخاب شده توسط mohsen ja

آفلاین

mohsen ja

3 سال پیش

دوستان حل شد مشکل لینک دهی دوباره بود دوبار لینک کرده بودم یک فایلو

خطا اینه :

dont Activated: TypeError: Failed to register a ServiceWorker: A bad HTTP response code (404) was received when fetching the script.

خوب از خطایی که داده معلومه دیگه فایل اسکریپت رو نمیتونه پیدا کنه

حلشو چیکار کنم ؟

دوستان حل شدن حالا برای درست کردن دکمه add to home screen موندم

این کد جاوااسکریپت منه :

let installPromptEvent;

window.addEventListener('beforeinstallprompt' , (event) => {
    e.preventDefault();
    console.log('before install prompt event')
    installPromptEvent = event;
});

document.querySelector('.addtohomescreenbutton a').addEventListener('click' , (event) => {
    e.preventDefault();
    console.log(installPromptEvent);
    if(installPromptEvent) {
        installPromptEvent.prompt();

        installPromptEvent.userChoice
            .then((choiceResult) => {
                if(choiceResult.outcome === 'accepted') {
                    console.log('User Accepted');
                } else {
                    console.log('User dismissed');
                }

                installPromptEvent = null;
            })
    }
})

ارورمم اینه

Uncaught TypeError: Cannot read property 'addEventListener' of null
    at

اینم اون لاین :

.addEventListener('click' , (event) => {

مشکلم چیه ؟

احمالا وقتی داری از document.querySelector استفاده میکنی هیچ المنتی رو پیدا نمیکنه بخاطر همینه که نمیتونه رویداد بهش اضافه کنه.

بابا داداش اخه چرا پیدا نمیکنه ؟

این اون تگی که باید پیدا کنه :

      <a class="pwa-test" href="test.html">Add</a>

اینم لیسنر :

document.querySelector('.pwa-test').addEventListener('click' , (e) => {

اخه مشکل چیه ؟ کلاسا که یکیه پس چرا پیدا نمیکنه ؟ تازه از تگ div هم در اوردمش ولی باز پیدا نمیکنتش لینک کردم فایلامو بهم
@hesammousavi یه کمکی بکن

دوستان حل شد مشکل لینک دهی دوباره بود دوبار لینک کرده بودم یک فایلو

من هم به این مشکل برخورد کردم ، ولی مشکلم این بود که به کوچک و بزرگ بودن حروف دقت نکرده بودم و روی لوکال به درستی کار می کرد اما وقتی بردم رو هاست فایل رو پیدا نمی کرد...

@mohsenja588
برای درست کردن دکمه add to home screen
کدهایی که نوشتید در کدام فایل و کجا می نویسید
ایا باید در فایل service-worker.js بنویسیم یا در خود فایل index

و سوال بعدی اینکه
<a class="pwa-test" href="test.html">Add</a>

این دکمه رو باید در کدام قسمت بنویسیم

ممنون