Estoy tratando de importar un componente de caja desde @mui/material/Box . Instalé MUI 5 usando el siguiente comando npm i @mui/material . Pero este error está ocurriendo, Module not found: Can't resolve '@emotion/react' in 'E:\frontend\node_modules\@mui\styled-engine'
Aquí está mi código.
import * as React from 'react'; import Box from '@mui/material/Box'; export default function WhiteSpace() { return ( <div style={{ width: 200 }}> <Box component="div" sx={{ whiteSpace: 'nowrap', my: 2, bgcolor: 'background.paper', }} > White Space Nowrap. White Space Nowrap. </Box> <Box component="div" sx={{ whiteSpace: 'normal', my: 2, bgcolor: 'background.paper', }} > White Space Normal. White Space Normal. </Box> </div> ); }Alguien me puede ayudar a arreglar esto?
Podría ser que la dependencia @emotion/react esté fuera de package.json de alguna manera. Así que intente ejecutar npm install @emotion/react --save .
Uno de mis amigos enfrentó el mismo problema hace un par de días, la solución es la siguiente:
Paso 1: npm i @emotion/react Paso 2: dará el mismo error con un nombre de dependencia diferente, instálelo con npm y su aplicación se ejecutará.
@emotion/react y @emotion/styled son dependencias similares de muchos paquetes mui , es decir, @mui/material . Esto nos da más libertad sobre qué versión de emoción nos gustaría usar, pero significa que debemos instalar las dependencias nosotros mismos.
npm i @emotion/react @emotion/styled