Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ReactJS:目标容器不是dom元素(非HTML)_Javascript_Reactjs - Fatal编程技术网

Javascript ReactJS:目标容器不是dom元素(非HTML)

Javascript ReactJS:目标容器不是dom元素(非HTML),javascript,reactjs,Javascript,Reactjs,我的ReactJS代码有问题,它一直告诉我目标容器不是DOM元素,不管我重新排列代码多少次。它不涉及HTML,我真的不知道是什么导致了这个错误。有什么帮助吗?什么是目标容器 import React, { Component } from 'react'; import ReactDOM from 'react-dom'; import registerServiceWorker from './registerServiceWorker'; import Home from "./compon

我的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();
import React,{Component}来自'React';
从“react dom”导入react dom;
从“./registerServiceWorker”导入registerServiceWorker;
从“/components/Home”导入主页;
从“/components/login”导入登录名
从“/components/Header”导入标题;
//从“./components/PageAccount”导入PageAccount;
从“./components/PageBlog”导入PageBlog;
从“./components/PageBlogCreate”导入PageBlogCreate;
从“/components/PageSearch”导入页面搜索;
//从“./components/PageLogin”导入PageLogin;
从“./components/PageError”导入PageError;
从“react router dom”导入{BrowserRouter};
从“react router dom”导入{Switch};
从“react router dom”导入{Route};
导入“/sass/index.css”;
从“/App”导入应用程序;
从“/ContextHandler”导入ContextHandler
ReactDOM.render((
/*
{ /*
}
{ /*
}
{/*
}
{  }
*/
//),
,
render(,document.getElementById('root'));
registerServiceWorker();

您不能有嵌套的ReactDOM.render调用这样的调用

尝试以下方法:

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

并确保您的
index.html
包含一个

您不能嵌套reactDom.render…只调用一次yagreed,但即使我删除了内部reactDom,它仍然会导致错误!很好!非常感谢你!把那个复选标记变成绿色!