React app 提示：Typeerror _ service worker webpack_imported_module _4 is not a function

如何解决React app 提示：Typeerror _ service worker webpack_imported_module _4 is not a function

I'm following this tutorial,trying to create Google clone

当我到了必须在 service worker webpack 上进行设置时，React 应用程序给了我上述错误，我尝试为 serviceWorker 数据创建文件，但错误仍然出现。我找不到更多关于 serviceWorkers.js 文件，所以我把它留空。

下面的代码是我添加 webpack 的地方。

我还尝试更改 package.json 文件中的“react”和“react-dom”参数并安装新功能，但没有任何变化..

errPhoto1

errPhoto2

consoleErrorPhoto

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import reducer,{ initialState } from "./reducer";
import { StateProvider } from "./StateProvider";;


ReactDOM.render(
  <React.StrictMode>
    <StateProvider initialState={initialState} reducer={reducer}>
     <App />
    </StateProvider> 
  </React.StrictMode>,document.getElementById('root')
);

// If you want to start measuring performance in your app,pass a function
// to log results (for example: reportWebVitals(console.log))