<分区>
我正在尝试在 ES6 项目上使用用 ES5 ( rtree) 编写的库，但没有成功。
在我的 ES6 代码上我这样做:
import PolygonLookup from '../../lib/rtree';
...
this.rtree = new PolygonLookup(geojson);//does not work
这不起作用，但是，如果我删除导入，而是将标签上的 rtree 添加到我的 html，它就可以完美地工作。
<script type="text/javascript" src="..\..\lib\rtree.js"></script>
this.rtree = new PolygonLookup(geojson); //works
我试图通过 lebab 将上述库转换为 ES6，但它也不起作用。
最佳答案
ES5 库不会以 ES6 兼容的方式导出任何内容。这就是 PolygonLookup 未定义的原因。您可以在没有任何绑定(bind)的情况下导入库:
import '../../lib/rtree';
这样 PolygonLookup 将成为全局 PolygonLookup，就像您将 lib 包含在 script 标记中一样，IF 它已被添加为全局变量。并非所有图书馆都明确地这样做。否则你可以尝试 script-loader (仅限 Webpack):
import 'script-loader!../../lib/rtree';
or even
import PolygonLookup from 'script-loader!../../lib/rtree';
如果您选择的 bundler /加载器支持其他模块格式，并且库使用其中一种格式，那么您也可以使用常规的 ES6 导入。
关于javascript - 在 ES6 中导入 ES5 库，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42784823/