当前未启用对实验语法“classProperties”的支持

Question

当我在 Django 项目中设置 React 时，我遇到了这个错误

模块构建中的 ModuleBuildError 失败（来自 ./node_modules/babel-loader/lib/index.js）：SyntaxError: C:\Users\1Sun\Cebula3\cebula_react\assets\js\index.js: Support for the experimental syntax ‘classProperties ’ 当前未启用 (17:9):

   15 |
  16 | class BodyPartWrapper extends Component {
> 17 |   state = {
     |         ^
  18 |
  19 |   }
  20 |

Add @babel/plugin-proposal-class-properties (https://git.io/vb4SL) to the
'plugins' section of your Babel config to enable transformation.

所以，我安装了@babel/plugin-proposal-class-properties 并将其放入 babelrc

包.json

 {
  "name": "cebula_react",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "webpack-dev-server --config ./webpack.config.js --mode development",
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack --config prod.config.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "babel": {
    "presets": [
      "@babel/preset-env",
      "@babel/preset-react"
    ]
  },
  "devDependencies": {
    "@babel/cli": "^7.0.0",
    "@babel/core": "^7.0.0",
    "@babel/plugin-proposal-class-properties": "^7.0.0",
    "@babel/preset-env": "^7.0.0",
    "@babel/preset-react": "^7.0.0",
    "babel-loader": "^8.0.2",
    "babel-plugin-transform-class-properties": "^6.24.1",
    "react-hot-loader": "^4.3.6",
    "webpack": "^4.17.2",
    "webpack-bundle-tracker": "^0.3.0",
    "webpack-cli": "^3.1.0",
    "webpack-dev-server": "^3.1.8"
  },
  "dependencies": {
    "react": "^16.5.0",
    "react-dom": "^16.5.0"
  }
}

babelrc

 {
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react"
  ],
  "plugins": [
    "@babel/plugin-proposal-class-properties"
  ]
}

但是错误仍然存在，是什么问题？

原文由 1Sun 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

改变

"plugins": [
    "@babel/plugin-proposal-class-properties"
  ]

到

"plugins": [
    [
      "@babel/plugin-proposal-class-properties",
      {
        "loose": true
      }
    ]
  ]

这对我有用

原文由 Ashik Meerankutty 发布，翻译遵循 CC BY-SA 4.0 许可协议