javascript - ReactJS：目标容器不是 dom 元素（非 HTML）

Question

我的 ReactJS 代码有问题，它一直告诉我目标容器不是 DOM 元素，无论我重新排列代码多少次。它不涉及 HTML，我真的不知道是什么导致了这个错误。有什么帮助吗？什么是目标容器？

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import registerServiceWorker from './registerServiceWorker';
import Home from "./components/Home";
import login from "./components/login"
import Header from "./components/Header";
//import PageAccount from './components/PageAccount';
import PageBlog from './components/PageBlog';
import PageBlogCreate from './components/PageBlogCreate';
import PageSearch from "./components/PageSearch";
//import PageLogin from './components/PageLogin';
import PageError from './components/PageError';
import {BrowserRouter} from "react-router-dom";
import {Switch} from "react-router-dom";
import {Route} from "react-router-dom";
import "./sass/index.css";
import App from "./App";
import ContextHandler from "./ContextHandler"



ReactDOM.render((
/*
<BrowserRouter>
    <div>
        <Switch>    
            <Route path="/" exact component={Home}/>

            { /*<Route path="/about" exact component={About}/>
            <Route path="/news" exact component={News}/>
            <Route path="/login" exact component={Login}/>
<Route path="/search" exact component={Search}/> }

            <Route path="/" exact component={Header}/>
           { /*<Route path="/account" exact component={PageAccount}/>
            <Route path="/blog" exact component={PageBlog}/>
<Route path="/blog/create" exact component={PageCreateBlog}/>}

            <Route path="/search" exact component={PageSearch}/>
            {/*<Route path="/login" exact component={PageLogin}/>
            <Route path="*" component={PageError}/>}

            <Route path="/search" exact component={PageSearch}/> 
            <Route path="/login" exact component={login}/>
        { <Route path="*" component={PageError}/> }

        </Switch>
        </div>
</BrowserRouter>    
        */

//),


   <ContextHandler>
    <App /> 
    </ContextHandler>

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

registerServiceWorker();

标签： javascriptreactjs

Answer 1

尝试这个：

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

并确保您index.html包含一个<div id="root"></div>.