Почему бабел ругается на такой синтаксис класса?

Question

[Torento20345]

Почему бабел ругается на строку test = null;
В браузере такая запись работает и ошибок не выдает, но бабел не одобряет.
Запись static test = null; тоже не приемлема.

class Test {
	test = null;
	showTest() {
		console.log(this.test);
	}
}

Как правильно делать запись свойства?

Answer 1

[Сергей delphinpro]

Попробуйте добавить в babel.config.js

module.exports = {
  plugins:  [
    '@babel/plugin-proposal-class-properties'
  ]
}

Ну и установить, конечно, этот пакет

Comments

[Torento20345]

Не находит его среди установок

# Babel 7
$ npm install --save-dev gulp-babel @babel/core @babel/preset-env

Установка так же не помогла

npm install --save-dev @babel/plugin-proposal-class-properties

@babel/plugin-proposal-class-properties

[Сергей delphinpro]

Не понял, что не находит. Пакет есть



Установить мало, надо добавить его в конфигурацию бабеля.
Обычно это файл babel.config.js в корне проекта
В случае с галпом этот файл тоже хавается. А можно и параметром передать при вызове.

[Сергей delphinpro]

https://www.npmjs.com/package/gulp-babel
в самом низу пример конфига с плагинами

[Torento20345]

Сергей delphinpro,

.pipe(babel({
    presets: ['@babel/env', '@babel/plugin-proposal-class-properties']
}))

[Сергей delphinpro]

Torento20345, наверное всё-таки так

.pipe(babel({
    presets: ['@babel/env'],
    plugins: ['@babel/plugin-proposal-class-properties'],
}))

[Torento20345]

Спасибо, заработало.

Надо было установить ваш

npm install --save-dev @babel/plugin-proposal-class-properties

И сделать запись

.pipe(babel({
    presets: ['@babel/env'],
    plugins: ['@babel/plugin-proposal-class-properties'],
}))

Я почему-то бегло читая подумал, что пресетс и был плагинс

[Сергей delphinpro]

[Torento20345]

Сергей delphinpro,

:1 Uncaught ReferenceError: regeneratorRuntime is not defined

Вы с такой проблемой случайно не сталкивались?
Компилируется код без проблем, но при запуске после бабла, он выдает эту ошибку.

[Сергей delphinpro]

Torento20345, нет