運行 npm 運行構建后反應應用程序更改未更新

Question

我有一個具有以下文件結構的反應應用程序：

當我運行npm run build應用程序編譯所有使用webpack和 npm 給我以下 Z78E6221F6393D4356868：

在 output（構建文件夾）中，它創建了一個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

這是由於服務人員。 取消注冊您的服務人員以顯示更新的內容

在您的 index.js 或任何反應應用程序中的主文件中

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

評論registerServiceWorker()

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