Question

182

Error [ERR_MODULE_NOT_FOUND]: Cannot find package '@babel/plugin-preset-react' imported from

rated 0 times [ 189] [ 7] / answers: 1 / hits: 9268 / 2 Years ago, sun, february 20, 2022, 12:00:00

when I run the command to build the react project:

yarn build

show error:

➜  react-admin git:(master) ✗ yarn build

yarn run v1.22.17

$ webpack --mode production --config config/webpack.build.config.js

assets by status 1.48 KiB [cached] 1 asset

./src/index.js 39 bytes [built] [code generated] [1 error]



ERROR in ./src/index.js

Module build failed (from ./node_modules/babel-loader/lib/index.js):

Error [ERR_MODULE_NOT_FOUND]: Cannot find package '@babel/plugin-preset-react' imported from /Users/xiaoqiangjiang/source/reddwarf/frontend/react-admin/babel-virtual-resolve-base.js

    at new NodeError (/Users/xiaoqiangjiang/source/reddwarf/frontend/react-admin/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:2552:5)

    at packageResolve (/Users/xiaoqiangjiang/source/reddwarf/frontend/react-admin/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:3208:9)

    at moduleResolve (/Users/xiaoqiangjiang/source/reddwarf/frontend/react-admin/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:3242:18)

    at defaultResolve (/Users/xiaoqiangjiang/source/reddwarf/frontend/react-admin/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:3281:13)

    at /Users/xiaoqiangjiang/source/reddwarf/frontend/react-admin/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:3304:14

    at Generator.next (<anonymous>)

    at asyncGeneratorStep (/Users/xiaoqiangjiang/source/reddwarf/frontend/react-admin/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:63:103)

    at _next (/Users/xiaoqiangjiang/source/reddwarf/frontend/react-admin/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:65:194)

    at /Users/xiaoqiangjiang/source/reddwarf/frontend/react-admin/node_modules/@babel/core/lib/vendor/import-meta-resolve.js:65:364

    at new Promise (<anonymous>)

I have tried to delete the node_modules folder and reinstall but did not work. this is the package.json about babel:

    "@babel/core": "^7.17.5",

    "@babel/preset-react": "^7.16.7",

    "@fingerprintjs/fingerprintjs": "^3.3.2",

    "@svgr/webpack": "4.3.3",

    "@typescript-eslint/eslint-plugin": "^2.10.0",

    "@typescript-eslint/parser": "^2.10.0",

    "animate.css": "^3.7.2",

    "antd": "^4.17.4",

    "axios": "^0.19.0",

    "babel-eslint": "10.1.0",

    "babel-jest": "^24.9.0",

    "babel-loader": "^8.2.3",

    "babel-plugin-named-asset-import": "^0.3.6",

    "babel-preset-react-app": "^9.1.2",

why did this error happen? what should I do to fix this problem? I have already tried this command:

yarn add babel-preset-react

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

margaritakristinak

Add To Favorites

Follow

Total Points: 502

Total Questions: 127

Total Answers: 98

Location: England

Member since Mon, May 17, 2021

3 Years ago

margaritakristinak questions

1 Parcel.js says to add the type=module attribute to the < script> tag but I've already added it

Thu, Mar 31, 22, 00:00, 2 Years ago

1 Why is local storage deleted when I refresh the page?

Tue, May 11, 21, 00:00, 3 Years ago

1 Click event not firing on touchscreen when finger moves a bit

Tue, Oct 29, 19, 00:00, 5 Years ago

1 Nuxt.js: How to use the same page with different URLs and switch the components to be displayed according to the URL

Thu, Mar 28, 19, 00:00, 5 Years ago

1 How to display an alert in ejs file in nodejs

Fri, Mar 8, 19, 00:00, 5 Years ago

View All

answered 2 Years ago magdalena · Accepted Answer

It could be missing a config file for babel. Could you try to add babel config file and add this code inside it( Refer to babel config link https://babeljs.io/docs/en/config-files)

{

  presets: [@babel/preset-react]

}