debugging npm debug.enable('*')在Angular 模式下不起作用

ecfdbz9o  于 2023-03-19  发布在  Angular
关注(0)|答案(1)|浏览(138)

我想动态设置npm调试名称空间,如本文所述
我在app.component.ts中的代码如下:

import debug from 'debug'

ngAfterViewInit() {
  console.log('BEFORE')
  debug.enable('*')
  const test = debug('test')
  // debug.enable('*')
  test('hello')
  console.log('AFTER')
}

遗憾的是,我没有看到debug的日志记录。我只在浏览器控制台上记录了以下内容:

BEFORE
AFTER

我知道我可以设置DEBUG环境变量,但它不是动态的,我希望它是动态的。谢谢。
PS我已经有这个问题多年了,现在它已经停止了我使用npm调试,但我想再次使用它!

uoifb46i

uoifb46i1#

使npm debug正常工作的完整解决方案:
(1)安装部门:

npm i --save debug
npm i --save-dev @types/debug

(2)添加代码

import debug from 'debug'

debug.enable('prefix:hello')
const hello = debug('prefix:hello')
hello('J-e^s^u-s saves!')

使用debug.enable意味着不需要设置DEBUG环境变量。
(3)详细日志记录
最后,如果您使用的是Webkit浏览器(例如Chrome),请启用详细日志记录

相关问题