OpenUI5 1.120版本中Chromium浏览器下CDN加载的Source Map问题解析

在OpenUI5 1.120版本中，开发人员发现了一个与Source Map相关的兼容性问题。当框架从CDN加载时，Chromium浏览器（如Chrome和Edge）无法正确应用Source Map映射，导致错误堆栈中显示的是压缩后的library-preload.js文件位置，而非预期的原始调试文件（如ShortcutHelper-dbg.js）。

这个问题首次在1.120版本中出现，而在之前的1.119版本中表现正常。有趣的是，当开发者在本地构建UI5 SDK并直接加载时，Source Map能够正常工作。此外，Firefox和Safari浏览器即使在1.120版本中也能正确解析Source Map。

经过深入分析，发现问题根源在于UI5构建工具链的变更。从UI5 CLI 3.7.0版本开始，工具链增加了对输入Source Map的处理逻辑。当遇到某些特殊文件（如仅包含注释的文件）时，压缩任务会生成一个没有映射关系的Source Map。在OpenUI5 1.118.0版本中引入的sap/ui/model/odata/v4/ts.js文件恰好符合这种情况，它只包含注释内容。

UI5团队已经发布了修复方案，通过更新UI5 Builder至3.4.1版本和UI5 CLI至3.10.1版本解决了这个问题。所有受影响的UI5代码分支都已更新，将在下一个补丁版本和次要版本中包含此修复。

对于开发者而言，这个问题的解决意味着在使用最新版本OpenUI5时，Chromium浏览器将能够像其他浏览器一样正确显示源代码位置，大大提升了调试体验。这也提醒我们，构建工具链的更新可能会带来意想不到的兼容性问题，特别是在处理Source Map这类复杂机制时。