javascript - Uncaught Error: \_registerComponent (...): Målbeholder er ikke et DOM-element

Indlæg af Hanne Mølgaard Plasc

Problem



Jeg har oprettet en Reactjs-komponent, der kører i webpack og ser sådan ud:


class Application extends React.Component {
    render() {
        //debugger
        console.log('hi there')
        return <div>
            <h1>hello world</h1>
        </div>;
    }
}

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


En del af mit index.html ser sådan ud:


<body>

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

</body>


Jeg får fejlen se ovenfor, når du går til http://localhost: 9999/bundletje #/. Hvordan kan jeg løse dette? [5]

Bedste reference


Jeg formoder, at du forsøger at bruge root elementet, før det oprettes i første omgang. Måske skal du prøve:


<body>

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

</body>
<script>
  class Application extends React.Component {
    render() {
        //debugger
        console.log('hi there')
        return <div>
            <h1>hello world</h1>
        </div>;
    }
  }

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