Reactjs babel loader（网页包）出现ES6语法错误

尝试使用

不完全确定如何解决此问题。
错误：

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

与

我是不是遗漏了一些奇怪的es6语法

---

这就是my的外观。

as关键字来自，而不是ES2015。它用于将变量从一种类型转换为另一种类型——这在没有编译时类型的纯JavaScript中是没有意义的

如果要在应用程序中使用TypeScript，则需要TypeScript网页包加载器（如或），并将文件重命名为

.tsx

扩展名

---

或者，如果您对使用TypeScript不感兴趣，您应该可以将

（link1作为DefaultLinkModel）

替换为

link1

，并按预期工作。

link1作为DefaultLinkModel

这看起来像是TypeScript。我几乎可以肯定babel6不能传输它。只需将其替换为

link1.addLabel…

或将webpack配置为使用typescript loader typescript loader即可。typescript loader正在执行此项工作，虽然现在出现了不同的错误，但它们是可以解决的，谢谢你。@ssj.luffy:没问题！