如何解決反應中的服務人員錯誤？

Question

我在運行我的 react 應用程序時遇到了 service worker 錯誤。 你能幫我解釋一下為什么會出錯。 截圖鏈接如下，

Servier 工作人員錯誤消息

import React from 'react';
import ReactDOM from 'react-dom';
import { createStore, applyMiddleware, compose } from 'redux';
import rootReducer from './reducers/rootReducer';
import {Provider} from 'react-redux';
import thunk from 'redux-thunk';
import config from './config/index'
import App from './App';
import './index.scss'
import * as serviceWorker from './serviceWorker';

const store = createStore(rootReducer,
  compose(
    applyMiddleware(thunk.withExtraArgument({}))
  )
);

ReactDOM.render(<Provider store={store}><App /></Provider>, document.getElementById('root'));
serviceWorker();

Answer 1

這是一個簡單的錯誤=）

看看這一行：

import * as serviceWorker from './serviceWorker';

然后看這里：

serviceWorker();

在第一行代碼中，您將整個模塊作為“serviceWorker”導入文件的 scope。 在第二行，您嘗試調用該模塊。 但是你不能調用一個模塊，這是不允許的。 這也是屏幕截圖頂部的錯誤消息。

我認為你實際上應該做的是這樣的：

import { register } from './serviceWorker';
...
...
register();

或類似的東西。 它也可能是registerServiceWorker或類似的東西。 查看./serviceWorker.js文件並找出答案。

需要注意的一件事：我會認真考慮在您的項目中_不使用_ Service Worker ，直到您確切知道它們是如何工作的，它們是什么等。在不真正了解它們的情況下使用 Service Worker 很容易引起很多問題。