当前尚未启用对实验性语法“OptionalChainingAssign”的支持

Question

我在我的 React js 应用程序中收到此错误。我没有在我的应用程序中使用 Eslint，并且我使用默认设置配置了 babel。

在我的 package.json 中配置了这些设置

"dependencies": {
"@fortawesome/fontawesome-free": "^6.5.1",
"@fortawesome/fontawesome-svg-core": "^6.5.1",
"@fortawesome/free-solid-svg-icons": "^6.5.1",
"@fortawesome/react-fontawesome": "^0.2.0",
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"react": "^18.2.0",
"react-bootstrap": "^2.10.0",
"react-dom": "^18.2.0",
"react-scripts": "5.0.1",
"react-slick": "^0.30.1",
"react-textarea-autosize": "^8.5.3",
"slick-carousel": "^1.8.1",
"web-vitals": "^2.1.4"
},
"scripts": {
  "start": "react-scripts start",
  "build": "react-scripts build && build-script.bat",
  "test": "react-scripts test",
  "eject": "react-scripts eject"
},
"browserslist": {
  "production": [
    ">0.2%",
    "not dead",
    "not op_mini all"
  ],
  "development": [
    "last 1 chrome version",
    "last 1 firefox version",
    "last 1 safari version"
  ]
}

我还配置了 .babelrc 文件

{
  "presets": ["@babel/preset-env", "@babel/preset-react"]
}

如果有人遇到同样的问题并知道解决方案，请告诉我。

Answer 1

您可以尝试下面的 babel 插件来解析和转换语法。如果您的目标浏览器不支持此功能，建议这样做

{
   ...,
  "plugins": ["@babel/plugin-proposal-optional-chaining-assign"]
}