Как правильно установить плагины ClassPrivateProperties и ClassPrivateMethods?

#npm #babeljs #parceljs

Вопрос:

Hei,

Я обновил свои пакеты npm, включая посылку, и после обновления я больше не мог запускать свое приложение и продолжал получать следующую ошибку:

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

Мой пакет.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, а затем переустановить снова, но это не работает. Я пытался использовать экспериментальные версии parcel, такие как 2.0.0-beta.1 и 2.0.0-beta.2, но ни одна из этих версий, похоже, не работает с экспериментальной фазой плагинов babel (свойства классов и частные методы) (7.13.0). Мне было интересно, существует ли какая-либо определенная версия плагинов babel, которая может работать с пакетом 2.0.0-beta.1 или 2.0.0-beta.2?

Ответ №1:

Привет вам, установите babel и следующие плагины:

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

Конечно, также, чтобы подать .babelrc.