angular - 使用 angular2-logger 显示行号和文件名

Question

我正在使用 Angular2-logger在我的项目中。

import { Logger } from "angular2-logger/core";
...
logger: Logger;
...
logger.info('<log string>')

打印在控制台中的输出如下图所示

Angular2-logger 或替代类中是否有任何选项可用于显示我所在位置的文件名 和行号 m 调用logger 方法？ (与 console.log(...) 相同，如下图所示)

有什么解决办法吗？

Answer 1

我通过这种方式找到了解决方案:

1- 我创建了一个 LoggerService。

2- 我将服务导入到 app.module.ts 并将其用作提供程序。

3- LoggerService 看起来像这样:

import { Injectable } from '@angular/core';

@Injectable()
export class LoggerService {
    public error(message) {
        try { throw new Error(); } catch (e) {
            console.log(e.stack);
            const stackTraces = e.stack.split('at');
            const fileList = stackTraces[2].substr(
                stackTraces[2].lastIndexOf('/src'),
                stackTraces[2].length - 1 ).replace(')', ''
            );
            const functionName = stackTraces[2].substr(0, stackTraces[2].indexOf('(') - 1);

            // Do whatever you want, use console.log or angular2-logger service
            console.log(message);
        }
    }
}