如何配置Angular和VSCode以便我的断点工作?
我不时遇到这个问题,不得不使用已弃用的 Angular 依赖项启动旧的 Angular 项目。
因为我不正常地运行最新的 Node.js 版本(至少是 LTS 版本),所以我经常遇到问题,即我无法运行旧项目。我通过使用节点版本管理器解决了这个问题,但我仍然经常遇到问题,我不确定用于 Angular Version X 的最佳 Node.js 版本是什么。
遗憾的是,官方发行说明对这个主题的处理很简陋,并不是真正的帮助,特别是如果您想知道哪个 Angular 版本您不能再使用特定的 Node.js 版本......
是否有完整的兼容性列表来检查哪个 Angular 版本与哪个 Node.js 版本兼容?
[编辑]这实际上也发生在新创建的准系统 React+Typescript 模板 ViteJS 应用程序上,零修改。在 App.tsx 中放置断点会使 VS Code 调试器启动速度慢得难以忍受。原帖如下:
我正在尝试 ViteJS(也许不再使用react-create-app)。我使用 React Typescript 模板创建了一个准系统 Vite 应用程序。然后我引入了 DC.js、Mapbox 和其他一些库。
事情进展顺利几个小时,然后突然(我不知道我做了什么)启动 VS Code 调试器(pwa-chrome在我的启动配置中使用)开始花费很长时间。也就是说,它立即打开 Chrome,但它位于空白屏幕上,直到我的 VS Code 调试控制台写完以下警告:
WARNING: Processing source-maps of http://localhost:5173/node_modules/.vite/deps/chunk-YLBYPMLO.js?v=2e2948d4 took longer than 5679.765125 ms so we continued execution without waiting for all the breakpoints for the script to be set.
WARNING: Processing source-maps of http://localhost:5173/node_modules/.vite/deps/crossfilter2.js?v=2e2948d4 took longer than 1000.451959 ms so we continued execution without waiting for all the breakpoints for the script to …Run Code Online (Sandbox Code Playgroud) 带有C#Web API后端的Visual Studio Code和Angular应用程序的新增功能。在C#中达到断点没问题,只是在VS Code中没有在Angular应用中达到断点!
当我按下调试按钮调试我的应用程序时,我可以在浏览器中,从终端,使用dotnet run和ng serve 但是运行两个应用程序,Angular断点从红色变为空心灰色!
免责声明 -我不得不提到我更改了许多文件名并将其重命名为.csproj文件,因为我希望该应用程序反映我的名字,而不是教师使用的名字。在执行此操作之前,我可以设置断点并在Angular应用中命中它们。
这是我尝试过的。
在文件中:
错误拦截器
我试图通过说测试此异常处理:
throw new Exception("Some login error");
Run Code Online (Sandbox Code Playgroud)
在我的登录方法中。
我可以设置一个如下所示的断点,但是当我单击“调试”时,它会变成一个灰色圆圈,并且不会被击中。
这是我设置断点的地方
这是运行调试器时看到的,红色圆圈变成灰色和空心。我希望能够在调试时逐步通过此错误拦截器,这可能吗?
然后在我的角度应用程序的登录方法中,我的断点变成灰色
这是我的launch.json文件
throw new Exception("Some login error");
Run Code Online (Sandbox Code Playgroud)
另外-运行调试控制台时,我会看到很多这样的行。不知道这是否正常吗?
加载了'/usr/local/share/dotnet/shared/Microsoft.NETCore.App/2.2.4/System.Threading.dll'。该模块的构建没有符号。已加载'/usr/local/share/dotnet/shared/Microsoft.NETCore.App/2.2.4/System.IO.FileSystem.Watcher.dll'。跳过的加载符号。模块已优化,调试器选项“ Just My Code”已启用。
visual-studio-code asp.net-core-webapi angular vscode-debugger