google-chrome - 使用 source map 调试 openlayers 5 应用程序

Question

我正在从 openlayers 2 迁移到 5。我已经下载了带有缩小的 js 和源映射的发行版。然后我在 index.html 中包含了 js 文件：

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

现在我想调试源。当我进入时ol.js，出现“检测到源地图”消息。问题是我在源映射文件的 chrome 开发控制台源中看不到：

Answer 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 问题中的步骤进行操作。