An unhandled exception occurred while processing the request

An unhandled exception occurred while processing the request.

AggregateException: One or more errors occurred. (One or more errors occurred. (The NPM script 'start' exited without indicating that the Angular CLI was listening for requests. The error output was: Error: EPERM: operation not permitted, mkdir 'C:\Windows\system32\config\systemprofile\AppData\Roaming\npm'

TypeError: Cannot read property 'get' of undefined

at errorMessage (C:\Program Files\nodejs\node_modules\npm\lib\utils\error-message.js:38:39)

at errorHandler (C:\Program Files\nodejs\node_modules\npm\lib\utils\error-handler.js:201:13)

at C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js:78:20

at cb (C:\Program Files\nodejs\node_modules\npm\lib\npm.js:225:22)

at C:\Program Files\nodejs\node_modules\npm\lib\npm.js:263:24

at C:\Program Files\nodejs\node_modules\npm\lib\config\core.js:81:7

at Array.forEach ()

at C:\Program Files\nodejs\node_modules\npm\lib\config\core.js:80:13

at f (C:\Program Files\nodejs\node_modules\npm\node_modules\once\once.js:25:25)

at afterExtras (C:\Program Files\nodejs\node_modules\npm\lib\config\core.js:171:20)

C:\Program Files\nodejs\node_modules\npm\lib\utils\error-handler.js:97

var doExit = npm.config.loaded ? npm.config.get('_exit') : true

Hello Dev,

I hope it will help you to resolve the problem.

You need to provide the user service in your app.module and remove the @Inject and the providers entry in the app.component:

app.module.ts

import { NgModule } from '@angular/core';
import { HttpModule } from '@angular/http';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
//Add your UserService import here
@NgModule({
imports: [
BrowserModule,
HttpModule],
declarations: [ AppComponent ],
bootstrap: [ AppComponent ],
providers: [ UserService ]
})
export class AppModule { }

app.component.ts

import { Component, OnInit, Inject } from '@angular/core';
import { UserService } from './services/user.service';
import { User } from './models/user';
@Component({
selector: 'my-app',
templateUrl: 'app/app.component.html'
})
export class AppComponent implements OnInit {
user: User;
constructor(
private _userService: UserService) {
}
getCurrentUser() {
this._userService.getCurrentUser()
.subscribe(user => this.user = user);
}
ngOnInit() {
this.getCurrentUser();
}
}

this way, UserService dependencies are managed by the injector and you don't provide the service directly to your component (this behavior is deprecated or even removed, don't know since final release).

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Arun Kumar Tiwari7y ago
Hello Dev,

I hope it will help you to resolve the problem.

You need to provide the user service in your app.module and remove the @Inject and the providers entry in the app.component:
app.module.ts
import { NgModule } from '@angular/core';
import { HttpModule } from '@angular/http';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
//Add your UserService import here

@NgModule({
imports: [
BrowserModule,
HttpModule],
declarations: [ AppComponent ],
bootstrap: [ AppComponent ],
providers: [ UserService ]
})
export class AppModule { }
app.component.ts
import { Component, OnInit, Inject } from '@angular/core';
import { UserService } from './services/user.service';
import { User } from './models/user';

@Component({
selector: 'my-app',
templateUrl: 'app/app.component.html'
})
export class AppComponent implements OnInit {
user: User;

constructor(
private _userService: UserService) {
}
getCurrentUser() {
this._userService.getCurrentUser()
.subscribe(user => this.user = user);
}
ngOnInit() {
this.getCurrentUser();
}
}
this way, UserService dependencies are managed by the injector and you don't provide the service directly to your component (this behavior is deprecated or even removed, don't know since final release).
0