Module not found: Can't resolve '@emotion/styled'

[MaroAly]

Steps to reproduce

Steps:

1. Open this link to live example: (required)

Current behavior

./node_modules/@mui/styled-engine/index.js (9:1)
Module not found: Can't resolve '@emotion/styled'
7 | /
8 | / eslint-disable no-underscore-dangle */

9 | import emStyled from '@emotion/styled';
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
10 | import { serializeStyles as emSerializeStyles } from '@emotion/serialize';
11 | export default function styled(tag, options) {
12 | const stylesFactory = emStyled(tag, options);

Expected behavior

@emotion/styled be imported

Context

installed icons via npm to use the visibility icon by running this command:
npm install @mui/icons-material

Your environment

npx @mui/envinfo

  System:
    OS: Windows 11 10.0.26100
  Binaries:
    Node: 23.8.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.9.2 - C:\Program Files\nodejs\npm.CMD
    pnpm: Not Found
  Browsers:
    Chrome: Not Found
    Edge: Chromium (132.0.2957.140)
  npmPackages:
    @mui/core-downloads-tracker:  6.4.7
    @mui/icons-material: ^6.4.7 => 6.4.7
    @mui/material:  6.4.7
    @mui/private-theming:  6.4.6
    @mui/styled-engine:  6.4.6
    @mui/system:  6.4.7
    @mui/types:  7.2.21
    @mui/utils:  6.4.6
    @types/react:  19.0.10
    react: ^19.0.0 => 19.0.0
    react-dom: ^19.0.0 => 19.0.0

Search keywords: Module @emotion/styled

[brijeshb42]

Could you post the link to the demo ?

[mnajdova]

Emotion is required for the @mui/material and @mui/icons-material at this moment.