运行 React App 时无法找到模块“@babel/plugin-proposal-private-property-in-object”

Question

我使用

npx create-react-app my_app

创建了一个 React 应用程序，但是当我使用

npm start

运行该应用程序时，我收到以下错误，

我尝试使用

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

安装包“@babel/plugin-proposal-private-property-in-object”，但仍然遇到相同的错误。怎么解决这个问题？

Answer 1

这是对我有用的 babel 包的组合：

"devDependencies": {
    "@babel/core": "7.22.5",
    "@babel/eslint-parser": "7.22.5",
    "@babel/plugin-proposal-private-property-in-object": "7.21.11",
    "@babel/preset-env": "7.22.5",
}

重要步骤

将

@babel/plugin-proposal-private-property-in-object

添加到 .babelrc 插件。

类似这样的：

"plugins": [
    ["@babel/plugin-proposal-private-property-in-object", { "loose": true }]
]

Answer 2

当 Babel 插件丢失或未安装时，会出现此错误。 将 "@babel/plugin-proposal-private-property-in-object": "^7.21.0" 添加到 package.json 文件中的依赖项列表中，例如：

“依赖项”：{

"@babel/plugin-proposal-private-property-in-object": "^7.21.0",

Answer 3

收到警告“您的依赖项之一 babel-preset-react-app 正在导入包“@babel/plugin-proposal-private-property-in-object”，但未在其依赖项中声明它。目前正在运行因为包“@babel/plugin-proposal-private-property-in-object”已经在您的node_modules文件夹中，由于不相关的原因，但它可能随时中断。我从网站 https://www.npmjs.com/package/@babel/plugin-proposal-private-property-in-object重新安装了@babel/plugin-proposal-private-property-in-object。

Answer 4

将此添加到

package.json

  "devDependencies": {
    "@babel/plugin-transform-private-property-in-object": "^7.23.3"
  }

似乎效果最好。