React project getting "Target container is not a DOM element" error

Question

I'm doing a react project for school and am getting the following error when trying to load the web server:

Error: Target container is not a DOM element. react-dom.development.js:26091
    render React
    js index.js:7
    js main.chunk.js:566
    Webpack 7
        __webpack_require__
        fn
        1
        __webpack_require__
        checkDeferredModules
        webpackJsonpCallback
        <anonymous>

The index.js code looks like this:

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')
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: 
reportWebVitals();

How can I solve this so I can start playing around with the look of the webpage?

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) — Håken Lid, Mar 03 '21 at 22:30

score 0 · Accepted Answer · answered Mar 03 '21 at 22:23

0

I would check your public/index.html file and make sure you've got this in there.

<div id="root"></div>

Did you use

npx create-react-app my-app

to get started? It will generate this file with the root div for you automatically

answered Mar 03 '21 at 22:23

Dakota Lee Martinez

591
3
7

I've got it working, it was to do with what you were talking about. Thank you. – JS1 Mar 03 '21 at 22:47
awesome! Feel free to accept this answer if it was helpful to you :) – Dakota Lee Martinez Mar 03 '21 at 23:05

React project getting "Target container is not a DOM element" error

1 Answers1