404 Не найдено при создании экземпляра веб-воркера в backbone.jsI

Я пытался реализовать веб-воркера в проекте backbone.js и получил сообщение об ошибке src / js / worker.js 404 (не найдено)

Я создал файл worker.js, и у меня есть код ниже в файле

this.addEventListner('message', function(e){
   console.info('Message received: ', e.data);
});

И приведенный ниже код отправляет сообщение работнику

let worker = new Worker('src/js/worker.js')
worker.postMessage('hello');

Может кто-нибудь дайте мне знать, что я делаю не так? Спасибо!

Когда вы открываете инструменты разработчика и просматриваете вкладку «Сеть», соответствует ли запрашиваемый URL-адрес вашим ожиданиям?

Sebastian Simon 24.12.2018 00:59

@Xufox, да, URL запроса совпал с моими ожиданиями

Jemil Oyebisi 24.12.2018 01:31
5 способов использования оповещений, предупреждений, ошибок, сообщений об успехе в Bootstrap
5 способов использования оповещений, предупреждений, ошибок, сообщений об успехе в Bootstrap
Bootstrap - это популярный front-end фреймворк, который делает веб-разработку проще и быстрее. Использование Bootstrap растет по мере того, как все...
Библиотека Bootstrap
Библиотека Bootstrap
Bootstrap - это бесплатный набор инструментов для разработки веб-приложений с открытым исходным кодом, разработанный компанией Twitter. Написанный на...
HTML И VS CODE Для Веб-разработки
HTML И VS CODE Для Веб-разработки
Прежде чем начать кодировать html в "VS CODE", мы должны сначала создать папку и назвать ее x.html, здесь я принимаю x как имя файла, который мы...
Красиво оформленное веб-приложение для отправки HTML писем на PHP
Красиво оформленное веб-приложение для отправки HTML писем на PHP
В современный цифровой век маркетинг электронной почты играет жизненно важную роль в успехе любого бизнеса, а создание красиво оформленных HTML-писем...
Раскройте весь потенциал вашего проекта Angular с помощью экспертного знания команд Angular CLI
Раскройте весь потенциал вашего проекта Angular с помощью экспертного знания команд Angular CLI
Angular - это популярный JavaScript-фреймворк для создания веб-приложений. Одной из ключевых особенностей Angular является его мощный интерфейс...
Соскабливание и загрузка изображений Google с помощью Python
Соскабливание и загрузка изображений Google с помощью Python
Растущая распространенность веб-скрейпинга значительно расширила области его использования. Многие приложения искусственного интеллекта сегодня...
0
2
754
1

Ответы 1

Похоже, вы пытаетесь загрузить сценарий сервисного работника из небезопасного места. Я рекомендую вам обслуживать страницы разработки из http://localhost, чтобы сделать первые шаги с работниками службы поддержки. Вы найдете отличный «ориентир» на веб-сайте "Готов ли ServiceWorker?".

Убедитесь, что вы:

Вы не сможете загрузить скрипт сервис-воркера из протоколов http или https без действующего сертификата. Обслуживание вашей страницы с http://localhost является исключением; localhost считается безопасным, чтобы облегчить разработку. См. Также полный список "безопасных" источников, реализованных в Chrome.

Вы получите ту же ошибку, если файл отсутствует или браузер не может загрузить его по протоколу, который вы использовали:

A bad HTTP response code (404) was received when fetching the script.
Failed to load resource: net::ERR_INVALID_RESPONSE
ServiceWorker registration failed:  TypeError: Failed to register a ServiceWorker:
  A bad HTTP response code (404) was received when fetching the script.

Если сертификат SSL вашего веб-сайта недействителен, включая самозаверяющие сертификаты, вы получите следующую ошибку:

An SSL certificate error occurred when fetching the script.
Failed to load resource: net::ERR_CERT_DATE_INVALID
ServiceWorker registration failed:  DOMException: Failed to register a ServiceWorker:
  An SSL certificate error occurred when fetching the script.

Если вы используете самозаверяющий сертификат, вы можете установите SSL-сертификат вашего «поддельного» ЦС в качестве доверенного корневого центра сертификации в своем веб-браузере. или OS. Браузер больше не будет запрашивать исключение при доступе к вашей странице, и сервис-воркер будет хорошо загружаться.

Если вы используете Chrome, вы можете использовать параметры --unsafely-treat-insecure-origin-as-secure и --allow-insecure-localhost, чтобы принудительно настроить браузер на загрузить скрипт сервис-воркера из незаконных источников. Но делайте это только в своей среде разработки. Не на производственном веб-сайте.

Другие вопросы по теме