Nuxt: использование оператора `optional chaining operator` (.?)

Question

Nuxt 2.12.2 выдает ошибку при сборке при попытке использовать object?.key.

Module parse failed: Unexpected token (311:25)                                                                                                                                                 friendly-errors 10:36:40
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file

Так это потому, что babel в Nuxt настроен для поддержки старых браузеров, таких как IE9, которые мне не нужны в моем проекте.

В другом проекте я просто поставил .bablelrc

{
  "presets": [
    ["env", {
      "targets": {
        "browsers": ["last 2 Chrome versions"]
      }
    }]
  ]
}

но в Nuxt .bablelrc отключены. так как я могу заставить optional chaining operator работать?

, указав Nuxt поддерживать только современные браузеры. или добавил @babel/plugin-proposal-optional-chaining

Answer 1

As Nuxt js Do c description, .babelrc по умолчанию игнорируется.

Я решил этот вопрос с помощью конфигурации ниже.

// in nuxt.config.js
{
  // ...
  build: {
    // ....
    babel: {
      plugins: [
        '@babel/plugin-proposal-optional-chaining'
      ]
    }
  }
}

Конечно, перед этим следует установить @babel/plugin-proposal-optional-chaining

npm i -D @babel/plugin-proposal-optional-chaining

Надеюсь, это вам поможет.