Estudio la aplicación de reacción con Typescript. mi problema es desconocido HTML iframe El elemento HTML aparece fuera del elemento id="root" en el elemento del cuerpo de index.html de la carpeta pública de la aplicación cuando el servidor de desarrollo está funcionando. Su índice z bloquea todas las entradas del mouse en la aplicación. ¿Cómo puedo eliminar esto? ¿usted me podría ayudar?
archivo de renderizado
ReactDOM.render( <React.StrictMode> <ThemeProvider theme={theme}> <App /> </ThemeProvider> </React.StrictMode>, document.getElementById('root') );índice.html
<!DOCTYPE html> <html lang="en"> <head> <title>React App</title> </head> <body> <noscript>You need to enable JavaScript to run this app.</noscript> <div id="root"></div> </body> </html>Elemento desconocido en index.html cuando el servidor de desarrollo está funcionando.
<body> <div id="root"></div> <iframe style="position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; border: none; z-index: 2147483647;"> </iframe> </body>Estoy enfrentando el mismo problema en mi máquina de desarrollo local. Resolví este problema. Pero mi solución es una solución de fuerza bruta (no una solución ideal o real). Usé este css globalmente.
iframe { display: none !important; }