Ошибка реакции: неперехваченное инвариантное нарушение: Provider.render (): должен быть возвращен действительный элемент React (или ноль) - PullRequest
Новая
       73

Ошибка реакции: неперехваченное инвариантное нарушение: Provider.render (): должен быть возвращен действительный элемент React (или ноль)

0 голосов
/ 09 мая 2020

Я не могу понять эту ошибку при попытке запустить приложение для реагирования 

Uncaught Invariant Violation: Provider.render(): A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object.
at invariant (webpack-internal:///27:42:15)
    at ReactCompositeComponentWrapper._renderValidatedComponent (webpack-internal:///139:828:111)
    at ReactCompositeComponentWrapper.performInitialMount (webpack-internal:///139:359:30)
    at ReactCompositeComponentWrapper.mountComponent (webpack-internal:///139:255:21)
    at Object.mountComponent (webpack-internal:///43:43:35)
    at ReactCompositeComponentWrapper.performInitialMount (webpack-internal:///139:368:34)
    at ReactCompositeComponentWrapper.mountComponent (webpack-internal:///139:255:21)
    at Object.mountComponent (webpack-internal:///43:43:35)
    at ReactCompositeComponentWrapper.performInitialMount (webpack-internal:///139:368:34)
    at ReactCompositeComponentWrapper.mountComponent (webpack-internal:///139:255:21)

Я прикреплю два файла -> NavBar. js и App. js

//NavBar.js

import React from 'react';

const Navbar = () => (
    <nav>
        <div className="nav-wrapper orange">
            <a href="/" className="brand-logo left">Dattebyo!</a>
            <ul id="nav-mobile" className="right">
                <li><a href="/signin">Login</a></li>
                <li><a href="/signup">Sign Up</a></li>
                <li><a href="/profile">Profile</a></li>
            </ul>
        </div>
    </nav>
        );
export default Navbar;

//App.js

import React, { Component } from 'react';
import { BrowserRouter, Route } from 'react-router-dom';
import './App.css';
import Navbar from './components/NavBar';
import Home from './components/screens/Home';
import Profile from './components/screens/Profile';
import SignIn from './components/screens/Login';
import SignUp from './components/screens/SignUp';

class App extends Component {
    state = { loading: true };
    render() {
        return (
            <BrowserRouter>
                <Navbar />
                <Route exact path="/">
                    <Home />
                </Route>
                <Route path="/signin">
                    <SignIn />
                </Route>
                <Route path="/signup">
                    <SignUp />
                </Route>
                <Route path="/profile">
                    <Profile />
                </Route>
            </BrowserRouter>
        );
    }
}
export default App;

Это успешно скомпилировано, но когда я пытаюсь открыть в браузере и проверить, это то, с чем я столкнулся. Я не могу понять, что означает Provider.render(). Я тоже пробовал установить веб-пакет отдельно, но не могу понять. Здесь Home, Profile, SignIn, SignUp - это другие страницы.

...