No se puede procesar el componente de reacción. Creé varias páginas html en una carpeta pública, el archivo index.js se guarda en la carpeta src. Quiero renderizar el componente de reacción en uno de los archivos html dentro del contenedor de "fila" de arranque. Mi imagen de error
HTML:
<div class="row"> <div class="col-lg-4 col-mg-6 col-sm-12"> <div id="root"></div> </div> </div> <script src="../src/index.js" type="text/jsx"></script> </body> </html>índice.js
import { StrictMode } from "react"; import { createRoot } from "react-dom/client"; import App from "./Components/App"; const rootElement = document.getElementById("root"); const root = createRoot(rootElement); root.render( <StrictMode> <App /> </StrictMode> );Has probado:
import React from "react"; import ReactDOM from "react-dom/client"; import "./index.css"; import App from "./App"; import reportWebVitals from "./reportWebVitals"; const root = ReactDOM.createRoot(document.getElementById("root")); root.render( <React.StrictMode> <App /> </React.StrictMode> ); reportWebVitals();