如何正确安装 ClassPrivateProperties 和 ClassPrivateMethods 插件？

Question

嘿，

我更新了我的 npm 包，包括 parcel，更新后我无法再运行我的应用程序并不断收到以下错误：

    ???? Build failed.
@parcel/transformer-js: This experimental syntax requires enabling one of the following parser plugin(s): 'classPrivateProperties, classPrivateMethods' (3:2)

我的 package.json 如下所示：

"scripts": {
    "start": "parcel index.html",
    "build": "parcel build index.html"
  },
  "author": "Klei Rama",
  "license": "ISC",
  "devDependencies": {
    "@babel/plugin-proposal-class-properties": "^7.13.0",
    "@babel/plugin-proposal-private-methods": "^7.13.0",
    "@parcel/transformer-sass": "^2.0.0-beta.2",
    "parcel": "^2.0.0-beta.2",
    "sass": "^1.32.8"
  },
  "dependencies": {
    "fractional": "^1.0.0"
  },
  "plugins": [
    "@babel/plugin-proposal-private-methods",
    "@babel/plugin-proposal-class-properties"
  ]
}

我一直在尝试删除 node_modules，清除缓存并删除 package.json，然后重新安装，但它不起作用。我尝试使用实验版本的包裹，例如 2.0.0-beta.1 和 2.0.0-beta.2，但这些版本似乎都不起作用带有 babel 插件的实验阶段（类属性和私有方法）（7.13.0）。我想知道是否有任何特定版本的 babel 插件可以与 parcel 2.0.0-beta.1 或 2.0.0-beta.2 一起使用？ p>

Answer 1

你好，安装 babel 和以下插件：

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

当然，也可以归档 .babelrc。