无法使用create-react-app forntend app配置workbox-webpack-plugin

Question

我在前端有这个反应应用程序，它有默认的folder-public / index.html和src / App.js以及其他文件/文件夹（组件，缩减器等）。我正在尝试配置workbox-webpack-plugin以在前端应用程序中工作。但我失败了。

我遵循的步骤 i）创建＆＃39; webpack.config.js＆＃39;在包含内容的根文件夹中

import WorkboxPlugin from "workbox-webpack-plugin";

module.exports = {
  plugins: [
    new WorkboxPlugin.GenerateSW({
      clientsClaim: true,
      skipWaiting: true,
      globDirectory: "./build/",
      globPatterns: ["**/*.{html,js,css}"],
      swDest: "./build/myservice-worker.js"
    })
  ]
};

ii）在public / index.html和src / App.js

中添加了以下代码

      <script>
        if ('serviceWorker' in navigator){
        window.addEventListener("load", function() {
          navigator.serviceWorker.register("/myservice-worker.js");
        })
       }
      </script>

iii）然后我运行命令＆＃39; npm run build＆＃39;这会创建构建文件夹但是＆＃39; myservice-worker.js＆＃39;无处可寻。