angular - 在 Angular 2 中使用 JSNLog

Question

我无法让 JsNlog 与 Angular 2(最新的完整版本)一起工作。我通过 npm 将 JsNlog 安装到我的项目(Visual Studio 2015 中的空客户端 Web 应用程序)中，然后在服务中进行设置，但在尝试使用其中一种方法时出现错误“XHR 错误(403 禁止)加载”。谁能告诉我我做错了什么？

代码如下:

我的服务:

import { Injectable, Component } from '@angular/core';
import JL from 'jsnlog';

@Injectable()

export class JSLoggerService
{
 constructor()
 {
 }

log(msg: string)
{
    JL('Angular').trace(msg);
}

debug(msg: string)
{
    JL('Angular').debug(msg);
}

info(msg: string)
{
    JL('Angular').info(msg);
}

warn(msg: string)
{
    JL('Angular').warn(msg);
}

error(msg: string)
{
     JL('Angular').error(msg);
}
}

在组件中(仅与 jsnlog 相关的部分):

import { JSLoggerService } from './shared/services/jslogger.service';

export class AppComponent
{
    constructor(private _jsnlog: JSLoggerService)
    {
      _jsnlog.log("hi");
    }
}

Systemjs.config.js(与jsnlog相关的部分):

          map: {
             'jsnlog': 'npm:jsnlog'
         }

package.json(只是与jsnlog相关的部分):

          dependencies: {
             'jsnlog': '2.20.1'
         }

app.module.ts(仅与 jsnlog 相关的部分):

          import { JSLoggerService } from './shared/services/jslogger.service';

@NgModule({
providers: [
    JSLoggerService
],
bootstrap:[ AppComponent]
})

Answer 1

我是 JSNLog 的作者。我终于开始向 jsnlog.com 添加一个页面，描述如何将 JSNLog 添加到 Angular 2+ 应用程序: http://jsnlog.com/Documentation/HowTo/Angular2Logging