使用第三方React库时出现意外语法错误，语法没有错误

Question

我正在尝试使用React-ElasticSearch。问题是，每当我尝试在代码中使用它们的任何组件时，在ActiveFilters.js文件的第25行中都会出现意外的令牌语法错误。

  23 | 
  24 |   return (
> 25 |     <div className="react-es-active-filters">
     |     ^
  26 |       {items ? (
  27 |         items(activeFilters, removeFilter)
  28 |       ) : (

此文件中似乎没有语法错误。会是什么？

Answer 1

尝试添加此脚本而不是当前脚本：

<script type="text/babel" src="./lander.js"></script>