Синтаксическая ошибка ES6 с babel-loader (веб-пакет)

Question

Попытка сделать простой график, используя storm-Reaction-Diagrams

Не совсем уверен, как решить эту проблему. Ошибка :

ERROR in ./src/diagram.jsx
Module build failed: SyntaxError: Unexpected token, expected , (31:9)

  29 |   // link the ports
  30 |   let link1 = port1.link(port2);
> 31 |   (link1 as DefaultLinkModel).addLabel("Hello World!");
     |          ^
  32 | 
  33 |   //4) add the models to the root graph
  34 |   model.addAll(node1, node2, link1);

diagram.jsx в точности совпадает с this

Я пропустил какой-то причудливый синтаксис es6 здесь или что?Вот как выглядит мой webpack.config .

Answer 1

Ключевое слово as взято из TypeScript , а не ES2015.Он используется для приведения переменных из одного типа в другой - это не имеет смысла в простом JavaScript, который не имеет типов во время компиляции!

Если вы хотите использовать TypeScript в своем приложении, вы будетенужен загрузчик TypeScript Webpack (например, ts-loader или awesome-typescript-loader) и переименовать файл с расширением .tsx.

В качестве альтернативы, если вы не заинтересованы в использовании TypeScript, вы должны просто иметь возможность заменить (link1 as DefaultLinkModel) на link1 и все будет работать так, как ожидалось.