Angular 源代码和调试器代码之间的角度代码差异

Angular 源代码和调试器代码之间的角度代码差异,angular,typescript,google-chrome-devtools,babeljs,transpiler,Angular,Typescript,Google Chrome Devtools,Babeljs,Transpiler,我有一个angular 2服务,其中我有一行: transformedObjects.push(new MyObject(myObject.x, myObject._id)); 当我在chromedev工具中使用调试器并遵循这个过程时,我看到了这一行 transformedObjects.push(new myObject_model_1.MyObject(myObject.y, myObject._id)); 为什么我在:myObject.x和myObject.y上存在差异?这是Angul

我有一个angular 2服务,其中我有一行:

transformedObjects.push(new MyObject(myObject.x, myObject._id));
当我在chromedev工具中使用调试器并遵循这个过程时,我看到了这一行

transformedObjects.push(new myObject_model_1.MyObject(myObject.y, myObject._id));

为什么我在:myObject.xmyObject.y上存在差异?

这是Angular和Typescript编译魔法的一部分。在幕后有一些重命名,以允许静态类成员等,但一切都应按预期进行

如果要在Typescript文件中实时调试,请确保在Dev Tools settings中启用了
Enable Javascript source maps
,并且在检查源代码时应该会出现一个
Sourcemap detected
弹出窗口,其中有一个启用映射的选项


这当然取决于您的编译设置;只要您的构建过程生成sourcemaps,您就应该做得很好。

您可以发布js代码或截图吗?正如您所理解的,基于这些数据不可能说些什么。您的tsconfig.json中是否启用了
sourcemaps
?这似乎是typescript或babel的问题,而不是angular或google-chrome的问题。我的tsconfig.json中未启用sourcemaps。我在angular组件中添加了“debugger”,该组件调用service.myMethod(),在其中我看到了源代码和chrome source mapIt中显示的代码之间的差异,它似乎是我的调试器中的一种缓存。。。我试图更改:通过返回this.http.get(')返回this.http.get('),然后重新加载应用程序并重新启动调试器,再次使用“bbb”。你有什么想法吗?我已经选中了“禁用缓存(DevTools处于打开状态)”。好的,我找到了错误:我有myService.ts,它获取最新版本的代码,在我的IDE中有一个子文件:myService.js,它获取旧的源代码。当我启动angular时,似乎.ts没有删除.js。。。我删除了.js,它现在可以工作了。。我现在不知道为什么我得到这个。谢谢你的回复。我激活了sourcemap,我提供的代码来自sourcemap。我不明白为什么我有差异。