Неожиданная ошибка токена в пакете Vue

Question

Я устанавливаю пользовательский пакет vue в свой проект. При его создании я получил следующую ошибку:

ERROR in ./resources/assets/js/components/devices/domain/DeviceLocation/DeviceLocation.js
Module build failed: SyntaxError: Unexpected token (2:7)

  1 | export default class DeviceLocation {

> 2 |   name = ''
    |        ^
  3 |   identifier = ''
  4 |
  5 |   constructor (data) {

Кажется, это из-за = вместо :

DeviceLocation.js file

export default class DeviceLocation {
  name = ''
  identifier = ''

  constructor (data) {
    Object.assign(this, data)
  }
}

Есть ли какая-либо конфигурация веб-пакета или что-то, что я должен сделать, чтобы решить эту проблему?

Answer 1

Насколько мне известно, открытые поля класса по умолчанию недоступны в проектах, сгенерированных vue-cli.Вы должны добавить плагин babel, чтобы он работал.

1) Установить плагин :

npm install --save-dev babel-plugin-transform-class-properties

2) Обновить конфигурацию babel (.babelrc файл).Вы должны добавить transform-class-properties в список существующих плагинов.Например:

# before
"plugins": ["transform-runtime"]

# after
"plugins": ["transform-runtime", "transform-class-properties"]

Подробнее о Класс публичных / частных полей здесь и о соответствующей конфигурации вавилона здесь