after installing react showing Error: Target container is not a DOM element

Question

I installed react then acc to a tutorial video I deleted all files in src directory and then created new index.js, index.css and app.js and other files but now it is showing an error for me

I also googled it; some answers were corrected but rearranging script position and some were corrected by giving id root in app.js to a <div> but all those are not working for me.

This is the error: Error: Target container is not a DOM element.

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

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

reportWebVitals();

App.js

import logo from './logo.svg';
import './App.css';

function App() {
  return (
    
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Edit <code>src/App.js</code> and save to reload.
        </p>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
      </header>
    </div>
  );
}

export default App;

I just installed ReactJS and now it is showing the above error. Can someone please, help me to solve the problem?

PS: For further reference following is a screenshot of the error I get.

Where is your `index.html`? Do you have an element with the ID of `root`? — Zsolt Meszaros, Mar 20 '21 at 11:23
did you also delete index.html file or did you change id which was given inside index.html ? — Bhumit 070, Mar 20 '21 at 11:26
Does this answer your question? [React Error: Target Container is not a DOM Element](https://stackoverflow.com/questions/26416334/react-error-target-container-is-not-a-dom-element) — Zsolt Meszaros, Mar 20 '21 at 11:44
If Crispen's answer worked for you, then the linked question has [an answer](https://stackoverflow.com/a/53665248/6126373) that solves your question and it's a duplicate. No worries though. — Zsolt Meszaros, Mar 20 '21 at 14:42

score 0 · Accepted Answer · answered Mar 20 '21 at 11:27

0

Make sure you have index.html file with an element which has an id root, and make sure your index.html file is in the public directory

answered Mar 20 '21 at 11:27

crispengari

7,901
7
45
53

please vote for the answer, it can help someone in the future – crispengari Mar 20 '21 at 11:45

after installing react showing Error: Target container is not a DOM element

1 Answers1