Tengo una aplicación web de reacción que se compila con el paquete web 5. Estoy usando material-ui como biblioteca de componentes.

En mi código siempre he usado require() para importar componentes.

por ejemplo:

 const { IconButton, ThemeProvider, createTheme, Box } = require('@material-ui/core');

Sin embargo, necesito moverme para usar import en lugar de require .

Así que debería verse así:

 import { IconButton, ThemeProvider, createTheme, Box } from '@material-ui/core';

Al hacerlo, el paquete web agrupa todo con éxito, pero cuando intento cargar la aplicación en Chrome, aparece un error:

Error no detectado: es posible que los módulos ES no asignen módulos.exportaciones o exportaciones.*, use la sintaxis de exportación de ESM, en su lugar: ./src/component/App.js

¿Qué debe ser cierto para poder hacer que esto funcione? Estoy seguro de que necesito proporcionar más información sobre la configuración de mi paquete web o sobre cómo se creó mi aplicación de reacción, pero no tengo idea de qué buscar, por lo que si alguien pudiera comenzar a solicitar la información que me falta en esta pregunta, luego actualizaré con más información.

¡Gracias!