使用源映射调试openlayers 5应用程序

时间:2018-10-19 14:49:31

标签: google-chrome openlayers source-maps openlayers-5

我正在从openlayers 2迁移到5。我已经下载了distribution,其中包含缩小的js和源映射。然后我将js文件包含在index.html中:

<script src="bower_components/openlayers/ol.js"></script>

现在我要调试源代码。当我进入ol.js时,显示“检测到源地图”消息。问题是我没有在Chrome开发者控制台中从源映射文件中看到源代码:

enter image description here

1 个答案:

答案 0 :(得分:1)

现在我正在使用ol-debug.js进行调试。也许源映射是更好的调试方式,但仍然无法使其工作。我遵循了https://github.com/openlayers/openlayers/issues/8330。它仅适用于linux / mac。因此要编译ol-debug.js(应安装npm):

git clone https://github.com/openlayers/openlayers.git
cd openlayers
npm install
npm install --global rollup

然后按照github问题中的步骤进行操作。