Angular项目中未达到断点

时间:2019-12-06 11:02:14

标签: angular typescript visual-studio asp.net-core webpack

我正在尝试使用Visual Studio 2017和.NET Core 2.2了解有关Angular的更多信息。

我创建了一个默认项目并运行它,它按预期运行。我可以在任何需要的地方添加断点,并且可以达到预期的断点。例如,我可以在countercomponent.ts内的以下行添加一个断点:

public incrementCounter() {
this.currentCount++; //add breakpoint here
  }

如果我浏览至:http://localhost:55223/counter并单击“递增”按钮,则会命中断点。 我注意到该基本模板项目中的wwwroot文件夹为空(我认为这是我的问题的关键)。

然后我从以下位置下载了一个示例SPA项目:https://github.com/dotnet-architecture/eShopOnContainers/tree/dev/src/Web/WebSPA。当我向组件之一添加断点时这个组件:https://github.com/dotnet-architecture/eShopOnContainers/blob/dev/src/Web/WebSPA/Client/modules/orders/orders.component.ts,然后我看到“断点当前不会被命中。断点已设置但尚未绑定”。 我注意到wwwroot文件夹包含Javascript文件和CSS文件,并且在这些文件中达到了断点(我认为这也是我提出问题的关键)。这些文件中已达到断点

为什么在我下载的项目中填充了wwwroot文件夹,为什么我不能调试该项目中wwwroot文件夹之外的组件和模块?

我意识到这可能是一个非常基本的问题,但是我开始使用Angular,并且花了很多时间来解决这个问题。到目前为止,我已经尝试过:

1)遵循游击队在此处的回答,将客户端文件夹重命名为ClientApp:Error on Typescript instruction: "Breakpoints set but not yet bound" in VS2017

2)在此处找到webpack.config.js:c:\ AngularApp \ ClientApp \ node_modules \ xxhashjs \ webpack.config.js并添加:devtool: 'source-map'

但是,到目前为止,没有任何效果。

0 个答案:

没有答案