react.dom.development.js:29345 포착되지 않은 오류: createRoot(...): 대상 컨테이너가 DOM 요소가 아닙니다.

2441 단어 routerreactdomreact
App.js

import React, { Component } from 'react';
import {
  BrowserRouter as Router,
  Route,
} from 'react-router-dom';
import HomePage from './pages/HomePage';
import './App.css';

class App extends Component {
  render() {
    return (
      <Router>
        <div className="App">
          <Route path="/" component={HomePage} exact />
        </div>
      </Router>
    );
  }
}

export default App; 


index.js
'반응'에서 반응 가져오기;
'react-dom/client'에서 ReactDOM 가져오기;

'./App'에서 앱 가져오기;

ReactDOM.createRoot(, document.getElementById('루트'));

Home.js

'반응'에서 반응 가져오기;

const 홈페이지 = () => (
<>

안녕하세요, 제 블로그에 오신 것을 환영합니다!




내 블로그에 오신 것을 환영합니다! 프로인 콩그
ligula id risus posuere, vel eleifend ex egestas. Turpis Leo의 Sed.
Massa tincidunt egestas의 Aliquam malesuada. Nam consectetur varius turpis,
non porta arcu porttitor non. tincidunt vulputate nulla quis egestas에서. 우트
eleifend ut ipsum non fringilla. Praesent imperdiet nulla nec est luctus, at
sodales purus euismod.



Donec vel mauris lectus. Etiam nec lectus urna. Sed sodales ultrices dapibus.
Nam blandit tristique risus, eget accumsan nisl interdum eu. Aenean ac accumsan
니시. Nunc vel pulvinar diam. Nam eleifend egestas viverra. Donec finibus lectus
sed lorem ultricies, eget ornare leo luctus. Morbi vehicula, nulla eu tempor
interdum, nibh elit congue tellus, ac vulputate urna lorem nec nisi. 모르비 아이디
결과적으로 quam. Facilisis aliquet의 Vivamus accumsan dui.,



Etiam nec lectus urna. Sed sodales ultrices dapibus.
Nam blandit tristique risus, eget accumsan nisl interdum eu. Aenean ac accumsan
니시. Nunc vel pulvinar diam. Nam eleifend egestas viverra. Donec finibus lectus
sed lorem ultricies, eget ornare leo luctus. Morbi vehicula, nulla eu tempor
interdum, nibh elit congue tellus, ac vulputate urna lorem nec nisi. 모르비 아이디
결과적으로 quam. Facilisis aliquet의 Vivamus accumsan dui.,



);

기본 홈페이지 내보내기;

좋은 웹페이지 즐겨찾기