将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结合使用

回答

相关问题