將JSNLog與Angular 2結合使用

我無法讓JsNlog與Angular 2一起工作（最新完整版）。我通過npm將JsNlog安裝到我的項目（Visual Studio 2015中的空客戶端Web應用程序）中，然後在服務中進行設置，但嘗試使用其中一種方法時，出現錯誤「XHR錯誤（403 Forbidden）loading」。請誰能告訴我我做錯了什麼？將JSNLog與Angular 2結合使用

下面是代碼：

我的服務：

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] 
})

來源

2016-11-15 LanceM

可能重複[使用ES6導入JSNLog的正確語法是什麼？]（https：// stackoverflow.com/questions/35684035/what-is-the-correct-syntax-for-importing-jsnlog-using-es6） – Graham

我JSNLog的作者。我終於開始向jsnlog.com添加一個頁面，描述如何將JSNLog添加到Angular 2+應用程序中： http://jsnlog.com/Documentation/HowTo/Angular2Logging

來源

2017-06-06 07:28:51 user1147862

非常感謝。我喜歡Jsnlog，但是我無法在當前項目中等待，因此我必須提出自己的解決方案（調用使用nlog寫入文件的wcf rest服務）。當我有機會時，我會看看。 – LanceM

將JSNLog與Angular 2結合使用

回答

相關問題