Неожиданный символ "#"

Question

Я использую веб-пакет для загрузки зависимостей, когда запускаю команду npm run dev. Я получаю эту ошибку:

Uncaught Error: Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: D:\www\playing-with-texture-projection-in-three-js\src\lib\WebGLApp.js: Unexpected character '#' ;

                       export default class WebGLApp {
                           #updateListeners = []
                           #tmpTarget = new THREE.Vector3()
                           #rafID
                           #lastTime

                           constructor({
                              background = '#000',
                              backgroundAlpha = 1,
                              fov = 45,
                              near = 0.01,
                              far = 100,
                              ...options
                              } = {}) {
                              this.rend
                           .......
                           .......

Чего мне не хватает (я использую обычный javascript плюс некоторые библиотеки)?

Answer 1

Как отметил @PatrickHund в комментариях, это новая функция в EcmaScript.

Вам необходимо использовать плагин babel-plugin-transform-class-properties для их преобразования.

Источник: https://sitepoint.com/javascript-private-class-fields