更改为 ES6 导入语法时的 Openlayers 分页符



我使用 node.js 和 npm 构建一个带有开放层的应用程序来打包它。它是一个简单的单页 web 地图。

目前我的 html 引用了 ol 库的在线副本,javascript 文件调用如下类:new ol.Map但是我想使用 import 语句并只导入我想要的类,然后让 npm 打包它。

一旦我进行了最小的更改并简单地插入了一个导入语句,那么 jquery(?我想?功能中断。即如果我插入import Map from 'ol/Map.js';

在我的索引.js文件的顶部,然后在浏览器控制台中收到以下错误:

Uncaught ReferenceError: methodLabel is not defined
at getAndSetClassesFromData (index.js:212)
at HTMLInputElement.drawIt (index.js:188)
at HTMLInputElement.dispatch (jquery.min.js:5)
at HTMLInputElement.v.handle (jquery.min.js:5)

任何有更多经验的人都可以为我指出如何解决这个问题的正确方向吗?我想以正确的方式做事,只导入我需要的类。 感谢一个渴望学习但迷失的初学者!

浏览器(还(不理解import语句。您将需要另一个工具来将所需的代码捆绑到新的 JS 文件中。此代码将读取整个 OL 库和您的代码,查找并提取每个依赖项并将它们捆绑到新的 JS 文件中。

您可以按照这个使用 Parcel 的示例进行操作,但可以使用其他捆绑器(此处有更多示例(

最新更新