Реакция изменений приложения не обновляется после запуска npm run build

Question

У меня есть приложение реагирования со следующей файловой структурой:

Когда я запускаю npm run build, приложение компилирует все, используя webpack и npm дает мне следующий вывод:

В выходных данных (папка сборки) создается файл asset-manifest.json, содержащий только что созданный файлы:

{
  "files": {
    "main.css": "/static/css/main.607e5368.chunk.css",
    "main.js": "/static/js/main.08012c8a.chunk.js",
    "main.js.map": "/static/js/main.08012c8a.chunk.js.map",
    "runtime~main.js": "/static/js/runtime~main.a8a9905a.js",
    "runtime~main.js.map": "/static/js/runtime~main.a8a9905a.js.map",
    "static/css/2.8643d4fb.chunk.css": "/static/css/2.8643d4fb.chunk.css",
    "static/js/2.1aae919f.chunk.js": "/static/js/2.1aae919f.chunk.js",
    "static/js/2.1aae919f.chunk.js.map": "/static/js/2.1aae919f.chunk.js.map",
    "index.html": "/index.html",
    "precache-manifest.ca81004b99ff7fc6f769d98332234f01.js": "/precache-manifest.ca81004b99ff7fc6f769d98332234f01.js",
    "service-worker.js": "/service-worker.js",
    "static/css/2.8643d4fb.chunk.css.map": "/static/css/2.8643d4fb.chunk.css.map",
    "static/css/main.607e5368.chunk.css.map": "/static/css/main.607e5368.chunk.css.map",
    "static/media/index.scss": "/static/media/slick.f97e3bbf.svg"
  }
}

Однако, если я go в браузере, приложение реагирования не обновляется и продолжает использовать старые имена файлов. Если я go к сетевому инспектору, я вижу, что файлы загружаются с 200 OK (from ServiceWorker).

Почему вновь созданные файлы не используются в новом индексе. html?

Я пытался очистить кэш, используя чистую установку шаблона, используя другой браузер, используя режим инкогнито, ...

Answer 1

Это связано с обслуживающим работником. Отмените регистрацию вашего сервисного работника, чтобы показать обновленный контент

в вашем индексе. js или что-то еще, что является основным файлом в приложении реагирования

// import registerServiceWorker from './registerServiceWorker'; // comment this line
import { unregister } from './registerServiceWorker';

Комментарий registerServiceWorker()

// registerServiceWorker() 
unregister();// add this