Тип элемента недействителен, когда я обертываю свое приложение <Provider> - PullRequest
Новая
       8

Тип элемента недействителен, когда я обертываю свое приложение <Provider>

0 голосов
/ 14 января 2019

Я получаю сообщение об ошибке, когда пытаюсь обернуть <App> в <Provder>, вот код 

import React from 'react';
import ReactDOM from 'react-dom';
import { createStore } from 'redux';
import { Provider } from 'react-redux';

import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
import reducer from './store/reducer';

const store = createStore(reducer);

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

Вот ошибка, которую я получаю после использования <Provider>:
enter image description here

А вот и мой package.json: 

{
  "name": "react-complete-guide",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.7.0",
    "react-dom": "^16.0.0",
    "react-redux": "^6.0.0",
    "react-scripts": "1.0.13",
    "redux": "^4.0.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

В конце я понимаю, что это, вероятно, связано с конфликтом версий в моем package.json, но теперь, сколько бы я ни обновлял каждый пакет, я не могу это исправить, я также пробовал общие исправления, предложенные в других темах с похожая проблема, но все же не повезло. Благодаря.

Обновление 01:
App.js :

import React, { Component } from 'react';

import Counter from './containers/Counter/Counter';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="App">
       <Counter />
      </div>
    );
  }
}

export default App;
...