0

我无法在我的应用程序中使用 react-cookie 模块,由于某种原因,它给了我以下错误:

元素类型无效:应为字符串(用于内置组件)或类/函数(用于复合组件)但得到:对象。

检查CookiesProvider.

这是我的 package.json 依赖项:

  "dependencies": {
    "bootstrap": "^3.3.7",
    "chain-function": "^1.0.1",
    "jquery": "^3.3.1",
    "lodash": "^4.17.11",
    "popper.js": "^1.14.4",
    "react": "^16.5.2",
    "react-bootstrap": "^0.31.5",
    "react-cookie": "^3.0.4",
    "react-dom": "^16.0.0",
    "react-password-strength": "^2.3.1",
    "react-redux": "^5.0.7",
    "react-router-bootstrap": "^0.24.4",
    "react-router-dom": "^4.2.2",
    "react-scripts": "^2.0.4",
    "react-signature-canvas": "^1.0.0-alpha.1",
    "react-text-mask": "^5.4.3",
    "react-tooltip": "^3.9.0",
    "react-transition-group": "^1.2.1",
    "redux": "^4.0.0",
    "rimraf": "^2.6.2",
    "validator": "^10.8.0"
  },

和我的 index.js:

import './css/bootstrap.css';
import './css/style.css';

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
import { CookiesProvider } from 'react-cookie';

const baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');
const rootElement = document.getElementById('root');

ReactDOM.render(

    <BrowserRouter basename={baseUrl}>
        <CookiesProvider>
            <App />
        </CookiesProvider>
    </BrowserRouter>
    ,
    rootElement);

registerServiceWorker();
4

1 回答 1

0

我正在寻找同样问题的解决方案,后来在我看来,将 react-dom 的版本设置为“^16.3.0”解决了这个问题......可能值得一试

于 2018-10-30T20:20:39.670 回答