Javascript VS代码调试动态插入带有映射文件的JS
我有一个VS代码中的typescript项目(显然是在节点上运行,并使用Chrome扩展的调试器)。我的html文件引用一个静态javascript文件,但该javascript文件会动态地注入javascript资源的内容Javascript VS代码调试动态插入带有映射文件的JS,javascript,typescript,javascript-debugger,map-files,Javascript,Typescript,Javascript Debugger,Map Files,我有一个VS代码中的typescript项目(显然是在节点上运行,并使用Chrome扩展的调试器)。我的html文件引用一个静态javascript文件,但该javascript文件会动态地注入javascript资源的内容 const body = document.querySelector('body'); const script = document.createElement('script'); script.setAttribute("rbl-script",
const body = document.querySelector('body');
const script = document.createElement('script');
script.setAttribute("rbl-script", "true");
script.innerHTML = content;
body.appendChild(script);
在上面的代码中,content
是使用$.ajax(ajaxConfig)
并将ajaxConfig.url
设置为'http://localhost:8887/js/KatAppProvider.js'这是从tsc--build
生成的javascript文件。(注意,我不能只是静态链接这个文件,因为在生产环境中,$.ajax
请求将发送到内容管理web服务。)
如果我尝试在对应的KatAppProvider.ts文件中的VS代码中设置断点,它们将永远不会被命中。问题似乎是/#sourceMappingURL=KatAppProvider.js.map
生成的行。我认为过去一切正常,可能VS代码或扩展更新改变了行为,但我不能确认。我实现这一点的唯一方法是,在构建到/#sourceMappingURL=js/KatAppProvider.js.map
(包括js/)之后,手动修改生成文件中的映射url行