Javascript 无法在ClientApp内子文件夹中包含angular 8.0应用程序的asp.net核心项目中的任何断点处停止

无法在ClientApp内子文件夹中包含angular 8.0应用程序的asp.net核心项目中的任何断点处停止 文件夹结构为：

我要设置断点的应用程序位于clientapp\apps\microsympan\app\src\app\app.component.ts中

如果我使用visual studio代码运行并将启动、json设置为： “webRoot:“${workspaceFolder}/apps/microsympan/app” 我可以设置断点并点击

在VisualStudio中，我设置了 1） 在Startup.cs中

app.UseSpa(spa => {
        spa.Options.SourcePath = "ClientApp/apps/microsympan/app";
        if (env.IsDevelopment()) { spa.UseAngularCliServer(npmScript: "start microsympan") }
      });

2） 在csproj clientapp\apps\microsympan\app

但是没有运气。除非我在Chrome中设置了断点，然后被命中并在visual studio中显示文件副本，但我不能在visual studio中设置断点并被命中

这是配置变量的错误/运气还是有解决方案

---

提前感谢

您必须为visual studio设置以调试TS代码。默认情况下，Visual studio不会为您启用

你可以看一看，然后

小步前进

使用tsconfig.json文件配置源映射 如果将tsconfig.json文件添加到项目中，Visual Studio会将目录根视为TypeScript项目。要添加文件，请在解决方案资源管理器中右键单击您的项目，然后选择添加>新建项目>Web>脚本>TypeScript JSON配置文件。类似以下内容的tsconfig.json文件将添加到项目中

{
  "compilerOptions": {
    "noImplicitAny": false,
    "noEmitOnError": true,
    "removeComments": false,
    "sourceMap": true,
    "target": "es5"
  },
  "exclude": [
    "node_modules",
    "wwwroot"
  ]
}

tsconfig.json的编译器选项

• inlineSourceMap：使用源映射而不是 为每个源文件创建单独的源映射
• inlineSources：在单个文件中沿源贴图发射源；需要设置inlineSourceMap或sourceMap
• mapRoot：指定调试器应在其中查找源映射（.map）文件的位置，而不是默认位置。如果运行时.map文件需要位于与.js文件不同的位置，请使用此标志。指定的位置嵌入到源映射中，以将调试器定向到.map文件的位置
• sourceMap：生成相应的.map文件
• sourceRoot：指定调试器应在其中查找TypeScript文件的位置，而不是源位置。如果运行时源需要位于与设计时位置不同的位置，请使用此标志。指定的位置嵌入到源映射中，以将调试器指向源文件所在的位置

使用项目设置配置源映射 也可以使用项目属性配置源地图设置，方法是右键单击项目，然后选择

Project > Properties > TypeScript Build > Debugging.

这些项目设置可用

• 生成源映射（相当于tsconfig.json中的sourceMap）：生成相应的.map文件
• 指定源映射的根目录（相当于tsconfig.json中的mapRoot）：指定调试器应在其中查找映射文件的位置，而不是生成的位置。如果运行时.map文件需要位于与.js文件不同的位置，请使用此标志。指定的位置嵌入到源映射中，以将调试器指向映射文件所在的位置
• 指定TypeScript文件的根目录（相当于tsconfig.json中的sourceRoot）：指定调试器应在其中查找TypeScript文件的位置，而不是源位置。如果运行时源文件需要位于与设计时位置不同的位置，请使用此标志。指定的位置嵌入到源映射中，以将调试器指向源文件所在的位置

---

您必须设置visual studio以调试TS代码。默认情况下，Visual studio不会为您启用

你可以看一看，然后

小步前进

使用tsconfig.json文件配置源映射 如果将tsconfig.json文件添加到项目中，Visual Studio会将目录根视为TypeScript项目。要添加文件，请在解决方案资源管理器中右键单击您的项目，然后选择添加>新建项目>Web>脚本>TypeScript JSON配置文件。类似以下内容的tsconfig.json文件将添加到项目中

{
  "compilerOptions": {
    "noImplicitAny": false,
    "noEmitOnError": true,
    "removeComments": false,
    "sourceMap": true,
    "target": "es5"
  },
  "exclude": [
    "node_modules",
    "wwwroot"
  ]
}

tsconfig.json的编译器选项

• inlineSourceMap：使用源映射而不是 为每个源文件创建单独的源映射
• inlineSources：在单个文件中沿源贴图发射源；需要设置inlineSourceMap或sourceMap
• mapRoot：指定调试器应在其中查找源映射（.map）文件的位置，而不是默认位置。如果运行时.map文件需要位于与.js文件不同的位置，请使用此标志。指定的位置嵌入到源映射中，以将调试器定向到.map文件的位置
• sourceMap：生成相应的.map文件
• sourceRoot：指定调试器应在其中查找TypeScript文件的位置，而不是源位置。如果运行时源需要位于与设计时位置不同的位置，请使用此标志。指定的位置嵌入到源映射中，以将调试器指向源文件所在的位置

使用项目设置配置源映射 也可以使用项目属性配置源地图设置，方法是右键单击项目，然后选择

Project > Properties > TypeScript Build > Debugging.

这些项目设置可用

• 生成源映射（相当于tsconfig.json中的sourceMap）：生成相应的.map文件
• 指定源映射的根目录（相当于tsconfig.json中的mapRoot）：指定调试器应在其中查找映射文件的位置，而不是生成的位置。如果运行时.map文件需要位于与.js文件不同的位置，请使用此标志。指定的位置嵌入到源映射中以指导调试