如何解决反应中的服务人员错误？

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 很容易引起很多问题。