TypeError: Невозможно прочитать свойство 'root' неопределенного пользовательского интерфейса реакции и материала - PullRequest
Новая
       17

TypeError: Невозможно прочитать свойство 'root' неопределенного пользовательского интерфейса реакции и материала

0 голосов
/ 21 июня 2019

я использую: " @ Материал-щ / core ":" ^ 4.1.1 ", «реагировать»: «^ 16.8.6», «Реакция-Дом»: «^ 16.8.6», я просто пытаюсь сделать кнопку и получаю сообщение об ошибке в заголовке этого сообщения

я пытался установить npm-зависимости 

import React, { Component } from "react";
import Link from "@material-ui/core/Link";

class Welcome extends Component {
  render() {
    return (
      <div className="Welcome">
        <p>This is your public-facing component.</p>
        <Link
          component="button"
          variant="body2"
          onClick={() => {
            alert("I'm a button.");
          }}
        >
          Button Link
        </Link>
      </div>
    );
  }
}
export default Welcome;

Я должен увидеть ссылку

Код вызова вышеуказанного компонента 

import { BrowserRouter, Route, Link } from 'react-router-dom';
import Welcome from './Welcome';
import Secured from './Secured';
import Logout from './Logout';
import './App.css';

class App extends Component {

  render() {
    return (
      <BrowserRouter>
        <div className="container">
          <ul>
            <li><Link to="/">public component</Link></li>
            <li><Link to="/secured">secured component</Link></li>
          </ul>
          <Route exact path="/" component={Welcome} />
          <Route path="/secured" component={Secured} />
        </div>
      </BrowserRouter>
    );
  }
}
export default App;

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

ReactDOM.render(<App />, document.getElementById('root'));
...