babel-preset-react-app verwendet das Paket „@babel/plugin-proposal-private-property-in-object', ohne es explizit als Abhängigkeit aufzulisten

Question

Mein Problem ist, dass ich versuche, ein neues React-Projekt zu erstellen, und nachdem ich mit vielen Fehlerproblemen konfrontiert war, konnte ich einige davon lösen. Eine der Hauptanweisungen bestand darin, diese Zeile hinzuzufügen:

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

Gehen Sie in meine package.json-Datei. Sobald ich fertig war, musste ich meinen Ordner „node_modules“ löschen und erneut verwenden npm install ，现在输入 npm start Ich bekam den Babel-Fehler.

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.

Ich habe versucht, im Internet nach Lösungen zu suchen, aber ich habe nur eine gefunden, die mich aufforderte, dieses Plugin zu meiner DevDependency hinzuzufügen, aber das hat nicht funktioniert, und ich habe auch eine Lösung gefunden, die mich aufforderte, einzutreten CI= npm run build , die auch nicht funktionierte.

Das ist mir beim Tippen aufgefallen 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

So sieht meine package.json-Datei aus (falls es irgendwie zum Verständnis beiträgt):

{
  "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"
  ]
}

Ich hoffe, ich habe Ihnen genügend Informationen gegeben, um mir bei der Lösung dieses Problems zu helfen. Vielen Dank!

Answer 1

运行以下命令解决了我的问题

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

使用 --save-dev 将其安装在 devDependencies 下