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

user_14271110 0
Viewed 164056

I want to install neumorphism-react package.

But I got this error

Module not found: Can't resolve '@emotion/react' in 'C:\Users\Asus\Desktop\react projects\visitor\node_modules@emotion\styled\base\dist'

Here are the dependencies in package.json

"@emotion/core": "^11.0.0",
"@emotion/styled": "^11.0.0",
"@testing-library/jest-dom": "^5.11.6",
"@testing-library/react": "^11.2.2",
"@testing-library/user-event": "^12.6.0",
"neumorphism-react": "^1.1.1",
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-scripts": "4.0.1",
"semantic-ui-react": "^2.0.1",
"web-vitals": "^0.2.4"
reactjs
11 Answers

I had a similar issue and I resolved it by calling:

npm install @emotion/react

or

yarn add @emotion/react
user_8525710

I had a similar issue and I resolved it by calling:

npm install @emotion/react 
npm install @emotion/styled

or

 yarn add @emotion/react
 yarn add @emotion/styled
user_168044520

I had a similar issue and I resolved it by calling:

for the npm:

npm install @emotion/react 
npm install @emotion/styled

for the yarn:

yarn add @emotion/react
yarn add @emotion/styled

For specific version you can install like : @emotion/core@10.1.1 & @emotion/styled

in npm:

npm install @emotion/core@10.1.1
npm install @emotion/styled

in yarn:

yarn add @emotion/core@10.1.1
yarn add @emotion/styled
user_172825980

An all-stop solution...

npm install @mui/material @emotion/react @emotion/styled
user_117762600

if you use npm:

npm install  @emotion/react

if you use yarn:

yarn add @emotion/react

but in recent version they rename the package @emotion/core to @emotion/react, if you use other package that are depending on @emotion/core

  • that mean you need to hook up to source code and update import statement to the new @emotion/react

or downgrade package to older versions with npm

npm install @emotion/core@10.1.1

with yarn

yarn add @emotion/core@10.1.1
user_138336090

'yarn install' or 'node install' at the directory of package.json.

I'm looking at the docs, the package you're trying to use may not exist.

Make sure you are importing from the current library. For example:

import { NeuButton } from "neumorphism-react";
user_90596800

None of these solutions worked for me. I resolved it by running:

npm install @emotion/server

I am using mui with nextjs.

user_138467440

Only this worked for me:

npm i @emotion/styled @emotion/core
user_42416240

Add below commands into package.json under Dependencies

"@emotion/core": "^11.0.0",
"@emotion/react": "^11.8.2",
"@emotion/styled": "^11.8.1",

Run npm install

user_31576970

I had all of the above and still was getting the error. I ended up deleting the yarn.lock & node_modules and the run yarn again

user_54453210

I had the same issue. I tried npm install @emotion/react but it didn't solve my problem because I already had the package installed.

I restarted VS Code and the linter was happy

user_101465270
Related