Chrome Devtools - 控制台插件答案

【问题标题】：Chome Dev Tools - ConsolePluginChrome Devtools - 控制台插件
【发布时间】：2022-10-25 17:31:29
【问题描述】：

我不知道我的 Google Chrome 控制台中发生了什么，我再也看不到我的 console.log 的来源。

如果我在我的代码中编写一个console.log，我可以在控制台中看到结果，但看不到我的代码源，现在我看到“consolePlugin”而不是源，当我点击它时，它会将我重定向到名为consolePlugin.ts 的文件。这很烦人，因为我有时想从 Chrome 的控制台中调试，或者知道这个 console.log 来自哪里。

谢谢你的帮助。

【问题讨论】：

我怀疑这不是 DevTools 问题。如果它从某个“劫持”调用的地方导入“控制台”，请尝试检查源代码中的导入语句。另一种方法是在 Sources 面板中单击打开 consolePlugin.ts 文件，然后右键单击“Add to ignore list”。

标签： google-chrome google-chrome-extension google-chrome-devtools console.log

【解决方案1】：

我不知道为什么会发生这种情况，但大多数时候当我遇到来自 devtools 的奇怪行为时，我会重置设置并解决问题。

点击这里：

接着：

【讨论】：

感谢您的回答，但它仍然无法正常工作。我仍然有这个consolePlugin 而不是我的console.log 的源。

【解决方案2】：

我希望您现在已经找到了解决方案，但刚刚解决了这个问题是我的解决方案；

在 Chrome 控制台中，我单击“consolePlugin.ts”，将我带到 Sources 选项卡并显示输出来自 webpack 中的文件。

consolePlugin in the Sources tab

然后我进入 Chrome 设置（齿轮图标），然后进入忽略列表，在其中添加了文件“consolePlugin.ts”。

我的控制台日志现在恢复正常。希望这可以帮助

Ignore List addition

【讨论】：