Moin Zusammen,
als Training für die grauen Zellen hab ich mir mal React geschnappt und wollte da ein bissl was leichtgewichtiges Programmieren. (vorher ein paar Tuturials durchgehen, was so geht)
Leider scheitere ich schon beim Einstieg. Wenn ich mein Code komplett in der HTML File lasse, so bekomme ich mein Hello React, sobald ich aber auf die index.js verweise, bleibt meine Seite leer.
und inhalt der index.js - beide Dateien liegen noch in selben Verzeichnis ... damit wirklich gar nichts schiefgehen sollte
Ich bin grad irgendwie zu Blond den Fehler zu finden.
Wer erster ist, bekommt ein Cookie
als Training für die grauen Zellen hab ich mir mal React geschnappt und wollte da ein bissl was leichtgewichtiges Programmieren. (vorher ein paar Tuturials durchgehen, was so geht)
Leider scheitere ich schon beim Einstieg. Wenn ich mein Code komplett in der HTML File lasse, so bekomme ich mein Hello React, sobald ich aber auf die index.js verweise, bleibt meine Seite leer.
HTML:
<!DOCTYPE html>
<html>
<head>
<title>
React Test
</title>
<style>
</style>
</head>
<body>
<div id="root"></div>
<script src="https://unpkg.com/react@17.0.2/umd/react.production.min.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js" crossorigin></script>
<script scr="index.js"></script>
</body>
</html>
und inhalt der index.js - beide Dateien liegen noch in selben Verzeichnis ... damit wirklich gar nichts schiefgehen sollte
Javascript:
import React from 'react';
import ReactDOM from 'react-dom';
const myfirstelement = <h1>Hello React!</h1>
const rootElement = document.getElementById('root');
ReactDOM.render(myfirstelement, document.getElementById('root'));
Ich bin grad irgendwie zu Blond den Fehler zu finden.
Wer erster ist, bekommt ein Cookie
