在Angular 2中使用JSNLog

Question

我在让JsNlog使用Angular 2(最新的完整版本)时遇到了问题。我通过npm将JsNlog安装到我的项目中( Visual Studio2015中的空客户端web应用程序)，然后在一个服务中设置它，但在尝试使用其中一种方法时，我得到了错误"XHR error (403 Forbidden) loading“。有人能告诉我我哪里做错了吗？

代码如下：

我的服务：

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