Angular 状态检查器不再工作

Posted 2023-03-07

【中文标题】Angular 状态检查器不再工作

【英文标题】：Angular state inspector not working anymore

【发布时间】：2021-10-06 07:07:59

【问题描述】：

有没有人遇到过这个问题。我只记得更新 chrome，但从那时起，奇妙的附加组件 angular state inspector 无法正常工作。用于显示的状态选项卡为空。我四处寻找解决方案，但似乎没有人在任何地方报告过这个问题。我使用的是 Chrome 版本 92.0.4515.10 ，角度 11 和 9。我也尝试过边缘并遇到了同样的问题。 我认为这是因为 Angular 构建默认使用生产环境配置，但事实并非如此。在构建命令上指定开发配置没有帮助。

【问题讨论】：

我刚刚尝试了早期版本的 Chrome，一切正常。一旦我更新到版本 92.0.4515.10，它就会中断。一定是新版 chrome 中的某些东西不能很好地与该工具配合使用。我已经向 Chrome 和扩展开发者报告了这个问题

同样的问题，我赞成，让我们看看 Chrome 是否有更新来修复它或什么。

【参考方案1】：

这是由于最近的chrome更新https://github.com/anton-lunev/angular-state-inspector/issues/17引起的

解决方法是在 chrome 开发工具中选择元素并在控制台中运行 $state。它返回所选节点的状态

【讨论】：

谢谢！解决方法实际上工作得很好。这有点不方便，但我很高兴我可以再次调试状态而不是猜测。希望他们解决问题。我不知道我是否应该关闭这个问题

【参考方案2】：

Angular DevTools 似乎做得很好：https://chrome.google.com/webstore/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh

看起来像一个官方的 Angular 扩展

【讨论】：

这里不鼓励仅链接答案。链接可能会随着时间的推移而中断，从而使答案变得毫无意义。请总结链接信息以帮助未来的读者。

谢谢。那是官方的 Angular 扩展，它对分析很有用，但对检查状态不太好。例如，它不会显示在运行时动态注入的组件。我同时使用了 Angular State Inspector 和 Angular DevTools，Angular DevTools 还没有做的事情在 Angular State Inspector 中很棒

【参考方案3】：

angular devTools 不适用于 angularJs 应用程序。 使用依赖于 angularJS 1.6x 的 ServiceNow 服务门户进行开发，如果不能使用 angular 检查器，就​​会变得异常困难。