在IE 11调试器中无法找到TypeScript(*.ts)文件求助
解决IE11调试器中找不到TypeScript文件的问题
我之前也碰到过一模一样的问题,IE11对Source Map的支持确实不如Chrome顺手,给你几个实用的解决办法:
确保TypeScript编译时生成正确的Source Map
打开你的tsconfig.json,确认这几个配置项:- 必须设置
"sourceMap": true,这个是生成外部Source Map文件的关键 - 不要设置
"inlineSourceMap": true,IE11不支持内联的Source Map格式
编译完成后,检查对应的JavaScript文件末尾,应该有类似//# sourceMappingURL=your-file.js.map的注释,并且.map文件要和JS文件放在同一目录,或者注释里的路径是正确可访问的。
- 必须设置
手动加载Source Map
如果自动加载没生效,可以手动操作:- 打开IE11开发者工具的「调试器」标签
- 在已加载的JavaScript文件上右键点击
- 选择「加载源映射」,然后找到对应的
.map文件路径并确认
不要只盯着Dynamic scripts目录
IE11有时候不会把关联了Source Map的脚本归类到Dynamic scripts里,你可以看看「文档」目录下的脚本列表,或者直接在调试器顶部的搜索框里输入你的.ts文件名,说不定能直接搜到对应的文件。确认IE11的Source Map功能已开启
点击开发者工具右上角的齿轮图标(设置按钮),在弹出的设置面板里,确保「启用源映射」这个选项是勾选状态——有时候这个选项会被误关,导致无法识别Source Map。
内容的提问来源于stack exchange,提问作者Aa Yy
相关产品推荐
相关产品推荐

