React應用程式運行時出現找不到模組 '@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 }]
]