将JSNLog与Angular 2一起使用

时间:2016-11-15 15:02:46

标签: angular jsnlog

我无法让JsNlog使用Angular 2(最新完整版)。我通过npm将JsNlog安装到我的项目(Visual Studio 2015中的空客户端Web应用程序)中,然后在服务中进行设置,但是我得到了错误" XHR错误(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]
})

1 个答案:

答案 0 :(得分:0)

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