amigos, el problema conmigo es que reaccionar funciona solo en el caso de enlaces CDN agregados al archivo html, pero cuando elimino los enlaces CDN y uso la declaración de importación, la aplicación no funciona aquí es mi código
archivo index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>React</title> <link rel="stylesheet" href="style.css" /> </head> <body> <div id="root"></div> <script src="index.js" type="text/babel"></script> </body> </html>archivo index.js
import React from "react"; import ReactDOM from "react-dom"; import App from "./App"; ReactDOM.render(<App />, document.getElementById("root")); ReactDOM.render(<h1>Eslam</h1>, document.querySelector("#root"));Si está abriendo el archivo localmente:
Cuando abre un archivo HTML localmente, no está en un servidor y, por lo tanto, las declaraciones de import no funcionarán.
Para ejecutar su código en un servidor local, puede usar un bunder, pero la mayoría depende de que esté instalado NodeJS, así que si no lo está, continúe e instálelo.
Si está abriendo el archivo en un servidor:
Puede usar una combinación de enlaces CDN y declaraciones de import :
import React from "unpkg.com/react@16.7.0/umd/react.production.min.js"; import ReactDOM from "unpkg.com/react-dom@16.7.0/umd/react-dom.production.min.js"; import App from "./App"; ReactDOM.render(<App />, document.getElementById("root")); ReactDOM.render(<h1>Eslam</h1>, document.querySelector("#root")); O, si está usando un paquete como Parcel , Webpack o Vite , asegúrese de tener los paquetes react y react-dom instalados en node_modules (o etc. si usa yarn PnP):
$ # in the terminal (assuming you have node and npm installed-if you don't, $ # do yourself a favor and install them because this won't work w/o it) $ npm install react $ npm install react-dom