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

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"

Solution 1:

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

npm install @emotion/react

or

yarn add @emotion/react

Solution 2:

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

Solution 3:

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/[email protected] & @emotion/styled

in npm:

npm install @emotion/[email protected]
npm install @emotion/styled

in yarn:

yarn add @emotion/[email protected]
yarn add @emotion/styled

Solution 4:

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/[email protected]

with yarn

yarn add @emotion/[email protected]