Pregunta muy principiante aquí, después de una orientación de alto nivel.
Tengo una aplicación React (mecanografiada) que simplemente contiene un botón con alguna funcionalidad de cadena de bloques. También tengo una página html simple que muestra una obra de arte 3D interactiva en un archivo JavaScript 3Dscene.js.
Simplemente quiero combinar los dos elementos. 3Dscene.js contiene todas las importaciones de módulos que necesita. Esperaba poder agregar un <script type = 'module' src = './3Dscene.js'> al index.html de Reacts, que funciona si solo estoy usando una configuración estándar de html/js. Pero me da el error "Error al cargar la secuencia de comandos del módulo: se esperaba una secuencia de comandos del módulo JavaScript, pero el servidor respondió con un tipo MIME de "texto/html".
En un nivel alto, ¿cómo se haría normalmente con esto?
ok, la cuestión es que React representa el DOM virtual y en realidad no proporciona una forma de mostrar html. Para que eso suceda de alguna manera, cree un archivo .jsx a partir de su código html/js que podría representarse como uno de sus componentes. Este es un método legítimo para lograrlo. No renderizar directamente es el problema aquí, esa es la razón por la cual los rastreadores web ni siquiera rastrean las aplicaciones de reacción porque lo único que ven los motores de búsqueda son simples scripts js. Ahí es donde entra en juego un marco como Next.js.
Si esto no responde a la pregunta, ¿podría describir qué otro método ha buscado?