Я пытаюсь добавить angular2-logger в свой Angular. https://www.npmjs.com/package/angular2-logger сказал мне, как настраивать. Он сказал: добавьте библиотеку angular2-logger в свое приложение. Если вы следуете руководству по быстрому запуску Angular 2, оно должно быть примерно таким: В systemjs.config.js :

// map tells the System loader where to look for things
var map = {
  'app':                        'app', // 'dist',
  '@angular':                   'node_modules/@angular',
  'angular2-in-memory-web-api': 'node_modules/angular2-in-memory-web-api',
  'rxjs':                       'node_modules/rxjs',
  'angular2-logger':            'node_modules/angular2-logger' // ADD THIS
};

//packages tells the System loader how to load when no filename and/or no extension
var packages = {
  'app':                        { main: 'main.ts',  defaultExtension: 'ts' },
  'rxjs':                       { defaultExtension: 'js' },
  'angular2-in-memory-web-api': { defaultExtension: 'js' },
  'angular2-logger':            { defaultExtension: 'js' }, // AND THIS
};

Однако, когда я создаю QuickStart из официального Интернета, https://angular.io/generated/zips/cli-quickstart/cli-quickstart.zip, я не вижу файл: systemjs.config

Кто подскажет, что мне делать дальше?

0
Eve-Sama 14 Мар 2018 в 09:39

2 ответа

Лучший ответ

Если вы используете Angular CLI, вам не понадобится systemjs.config.js. CLI обрабатывает все. На самом деле вам даже не нужно настраивать, поэтому просто попробуйте npm install --save angular2-logger, затем настройте провайдера, введите регистратор в свои объекты и используйте его.

Настройте регистратор:

Для разработчиков в environment.ts

import { Level } from 'angular2-logger/core';
export const environment = {
  production: false,
  logger: {
    level: Level.INFO
  }
};

Для прод. В environment.prod.ts

import { Level } from 'angular2-logger/core';
export const environment = {
  production: true,
  logger: {
    level: Level.WARN
  }
};

Загрузить конфигурацию в app.module.ts

import { Logger } from 'angular2-logger/core';
import { NgModule, isDevMode } from '@angular/core';
import { environment }    from '../environments/environment';
...
@NgModule({
  declarations: [ ... ],
  imports: [ ...  ],
  providers: [ Logger ],
  bootstrap: [ ... ]
})
export class AppModule {
  constructor(private logger: Logger) {
    if (isDevMode()) {
      console.info('To see debug logs enter: \'logger.level = logger.Level.DEBUG;\' in your browser console');
    }
    this.logger.level = environment.logger.level;
  }
}

Применение:

Например, в app.component.ts:

export class AppComponent implements OnInit {
  constructor(private logger: Logger) {
  public ngOnInit() {
    this.logger.debug('ngOnInit');
  }
}
4
Fateme Fazli 14 Мар 2018 в 07:00

Вы не получаете файл как "https://angular.io/ created / zips / cli-quickstart / cli-quickstart.zip "- угловая версия 5.

В документации четко указано, что если вы используете angular2, вам необходимо настроить system.config.js, иначе вы можете напрямую добавить поставщика и добавить его в функцию конструктора и начать регистрацию с помощью этого модуля.

0
Santosh Singh 14 Мар 2018 в 06:56