1

我有一个 angular.js 和 angular 7 的混合应用程序。Angular.js 由 .js 和一些 .ts 文件组成。我已经使用 UpgradeModule 升级了 angular.js 应用程序。所有 angular.js src 文件都列在 angular.json 配置文件的脚本数组中（包括编译的 .ts 文件的路径，但扩展名为 .js）。问题是 webstorm 无法命中 angular.json 的脚本数组中列出的 .ts 文件的断点，因此无法在 WebStorm 中为此类文件设置调试器。

"scripts": [
...
"src/legacy/app/js/app.js",
"src/legacy/app/js/common/common.js",
 ...
 "src/legacy/app/services/edit/editService.js" <- here is the .ts file in the original folder (src/legacy/app/services/edit/editService.ts)
...
]

虽然从 Angular 7 创建的打字稿文件（如（app.component.ts））正在像往常一样被调试，并通过 WebStorm 达到断点。

我的 tsconfig.json 启用了源映射，我也尝试将 inlineSources 启用为 true，并且 "inlineSourceMap": true 以及它的不同组合，但它们都不起作用。

"compilerOptions": {
"baseUrl": "./",
"outDir": "build",
"sourceMap": true,
"inlineSources": true,

我的 webStorm 调试器设置调试器设置

我在用着

Angular CLI: 7.3.9
Node: 8.11.4
OS: win32 x64
Angular: 7.2.15
typescript 3.2.4

从 Angular 7 创建的打字稿文件是调试的

也许有人可以建议如何在 webstorm 中为这种文件配置调试器？

4

0 回答 0