Problemy z uruchomieniem początkowego projektu

0

Zrobiłem kurs React na codecademy. Pierwszy problem napotkałem zaraz po wyłączneniu kursu i przejściu na WebStorm. Utworzyłem w projekcie 2 pliki App.js i App.html. Kiedy załącze App.html, w ogóle nie widzę elementu <h1>Test</h1>, który utworzyłem przez React.Component w ./App.js. Czy ktoś może mi powiedzieć co jest nie tak?

App.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test App</title>
</head>
<body>
<div id="App"></div>
<script src="App.js"></script>
</body>
</html>

App.js

import React from 'react';
import ReactDOM from 'react-dom';

class App extends React.Component {
  render() {
    return(
        <div>
          <h1>Test</h1>
        </div>
    )
  }
}

ReactDOM.render(<App />, document.getElementById('App'))
2

No wiele może być problemów czemu taki standardowy program Ci nie działa.

Pokaż package.json, konfigurację bundlera jeśli jakiś posiadasz, screena błędów z przeglądarki.

Glt87 napisał(a):

Kiedy załącze App.html, w ogóle nie widzę elementu <h1>Test</h1>, który utworzyłem przez React.Component w App.js.

Bo zbundlowałeś oczywiście aplikację? Jakimś react-scripts albo webpackiem? Bo oczywiście że jak "po prostu" sobie otworzysz App.html to nic nie zobaczysz.

3

Of course nie trzeba żadnego webpacka, to bzdura. W pliku html wystarczy podlinkować reacta

<script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>

1 użytkowników online, w tym zalogowanych: 0, gości: 1