babel-loader（webpack）的ES6语法错误

Question

尝试使用storm-react-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），并将文件重命名为{{1} } 延期。

或者，如果您对使用TypeScript不感兴趣，则应该能够将.tsx替换为(link1 as DefaultLinkModel)，并使事情按预期工作。