babel-preset-react-app utilise le package "@babel/plugin-proposal-private-property-in-object" sans le répertorier explicitement comme dépendance

Question

Mon problème est que j'essaie de créer un nouveau projet React et après avoir fait face à de nombreux problèmes de bugs, j'ai réussi à en résoudre certains, l'une des instructions principales était d'ajouter cette ligne :

"overrides": {
    "@svgr/webpack": "$@svgr/webpack"
  },

Allez dans mon fichier package.json. Une fois cela fait, j'ai dû supprimer mon dossier node_modules et le réutiliser npm install ，现在输入 npm start J'ai eu l'erreur babel.

One of your dependencies, babel-preset-react-app, is importing the
"@babel/plugin-proposal-private-property-in-object" package without
declaring it in its dependencies. This is currently working because
"@babel/plugin-proposal-private-property-in-object" is already in your
node_modules folder for unrelated reasons, but it may break at any time.

babel-preset-react-app is part of the create-react-app project, which
is not maintianed anymore. It is thus unlikely that this bug will
ever be fixed. Add "@babel/plugin-proposal-private-property-in-object" to
your devDependencies to work around this error. This will make this message
go away.

J'ai essayé de chercher des solutions sur Internet mais je n'en ai trouvé qu'une qui me disait d'ajouter ce plugin à ma devDependency mais cela n'a pas fonctionné et j'ai également trouvé une solution qui m'a dit d'entrer CI= npm run build qui n'a pas non plus fonctionné.

Voici ce que j'ai rencontré en tapant npm list @babel/plugin-proposal-private-property-in-object :

npm ERR! code ELSPROBLEMS
npm ERR! invalid: @babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2 C:UsersOmri-PCDesktopKeeperAppnode_modules@babelplugin-proposal-private-property-in-object
keeper-app-part-1-starting@1.0.0 C:UsersOmri-PCDesktopKeeperApp
├── @babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2 invalid: "^x.x.x" from the root project
└─┬ @svgr/webpack@8.0.1 overridden
  └─┬ @babel/preset-env@7.22.5
    └── @babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2 deduped invalid: "^x.x.x" from the root project

Voici à quoi ressemble mon fichier package.json (si cela aide à comprendre d'une manière ou d'une autre) :

{
  "name": "keeper-app-part-1-starting",
  "version": "1.0.0",
  "description": "",
  "keywords": [],
  "main": "src/index.js",
  "dependencies": {
    "react": "18.2.0",
    "react-dom": "18.2.0"
  },
  "devDependencies": {
    "@svgr/webpack": "^8.0.1",
    "react-scripts": "5.0.1",
    "typescript": "5.1.3"
  },
  "overrides": {
    "@svgr/webpack": "$@svgr/webpack"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ]
}

J'espère vous avoir donné suffisamment d'informations pour m'aider à résoudre ce problème, merci beaucoup !

Answer 1

L'exécution de la commande suivante a résolu mon problème

npm install --save-dev @babel/plugin-proposal-private-property-in-object

Utilisez --save-dev pour l'installer sous devDependencies