Unresolved function or method map

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}

I wrote next service:

import { Injectable } from '@angular/core';

import { Http, Response, Headers } from '@angular/http';

import 'rxjs/Rx';



import { AppConfig } from '../appConfig';

import { User } from '../models/user.model';

import { JwtService } from '../services/jwt.service';



@Injectable()

export class UserService {



  constructor(

      private http: Http,

      private appConfig: AppConfig,

      private jwtService: JwtService) {}



  create(user: User) {

    return this.http.post(this.appConfig.urlServer + '/auth/signup', user)

        .map((res: Response) => res.json())

  }

}

I'm use method of service in the component:

import { Component } from '@angular/core';

import { Router } from '@angular/router';



import { UserService } from '../shared/services/user.service';

import { User } from '../shared/models/user.model';



@Component({

  selector: 'app-registration',

  templateUrl: './registration.component.html',

  styleUrls: ['./registration.component.scss']

})

export class RegistrationComponent {



  errorMessage: string;



  constructor(

      private userService: UserService,

      private router: Router) {}



  register(user: User) {

    this.errorMessage = '';

    this.userService.create(user).subscribe(

        () => {

          this.router.navigateByUrl('/');

        },

        err => {

          this.errorMessage = 'User already was created';

        }

    );

  }



}

All works fine, but when I direct a cursor of mouse on method map I see next errors:

Unresolved function or method map()

I'm using the Angular 4. My IDE is WebStorm and version of it is 2016.2.3. My app was created by Angular CLI. My package.json is:

{

  "name": "client",

  "version": "0.0.0",

  "license": "MIT",

  "scripts": {

    "ng": "ng",

    "start": "ng serve",

    "build": "ng build",

    "test": "ng test",

    "lint": "ng lint",

    "e2e": "ng e2e"

  },

  "private": true,

  "dependencies": {

    "@angular/animations": "^4.0.0",

    "@angular/common": "^4.0.0",

    "@angular/compiler": "^4.0.0",

    "@angular/core": "^4.0.0",

    "@angular/forms": "^4.0.0",

    "@angular/http": "^4.0.0",

    "@angular/platform-browser": "^4.0.0",

    "@angular/platform-browser-dynamic": "^4.0.0",

    "@angular/router": "^4.0.0",

    "bootstrap-sass": "^3.3.7",

    "core-js": "^2.4.1",

    "rxjs": "^5.1.0",

    "zone.js": "^0.8.4"

  },

  "devDependencies": {

    "@angular/cli": "1.1.0",

    "@angular/compiler-cli": "^4.0.0",

    "@angular/language-service": "^4.0.0",

    "@types/jasmine": "2.5.45",

    "@types/node": "~6.0.60",

    "codelyzer": "~3.0.1",

    "jasmine-core": "~2.6.2",

    "jasmine-spec-reporter": "~4.1.0",

    "karma": "~1.7.0",

    "karma-chrome-launcher": "~2.1.1",

    "karma-cli": "~1.0.1",

    "karma-coverage-istanbul-reporter": "^1.2.1",

    "karma-jasmine": "~1.1.0",

    "karma-jasmine-html-reporter": "^0.2.2",

    "node-sass": "^4.5.3",

    "protractor": "~5.1.2",

    "sass-loader": "^6.0.6",

    "ts-node": "~3.0.4",

    "tslint": "~5.3.2",

    "typescript": "~2.3.3"

  }

}

I searched by stackoverflow the answers on my question, but, unfortunately, it did not help to me. Perhaps, I searched badly the answers :( .

asked Jul 12 '17 at 10:59

Alexey Korkoza

114214

1

Have you tried import 'rxjs/add/operator/map';?

– eko
Jul 12 '17 at 11:02

Yes, I tried, but a error remained since.

– Alexey Korkoza
Jul 12 '17 at 11:06

Import should solve this. If it doesn't, this probably means that there are dupe rxjs packages, in this case deleting node_modules and reinstalling them could help.

– estus
Jul 12 '17 at 11:19

I deleted a folder node_modules and then installed again all packages, bun it could not help to me. Since I'm see the error.

– Alexey Korkoza
Jul 12 '17 at 11:36

add a comment |

I wrote next service:

import { Injectable } from '@angular/core';

import { Http, Response, Headers } from '@angular/http';

import 'rxjs/Rx';



import { AppConfig } from '../appConfig';

import { User } from '../models/user.model';

import { JwtService } from '../services/jwt.service';



@Injectable()

export class UserService {



  constructor(

      private http: Http,

      private appConfig: AppConfig,

      private jwtService: JwtService) {}



  create(user: User) {

    return this.http.post(this.appConfig.urlServer + '/auth/signup', user)

        .map((res: Response) => res.json())

  }

}

I'm use method of service in the component:

import { Component } from '@angular/core';

import { Router } from '@angular/router';



import { UserService } from '../shared/services/user.service';

import { User } from '../shared/models/user.model';



@Component({

  selector: 'app-registration',

  templateUrl: './registration.component.html',

  styleUrls: ['./registration.component.scss']

})

export class RegistrationComponent {



  errorMessage: string;



  constructor(

      private userService: UserService,

      private router: Router) {}



  register(user: User) {

    this.errorMessage = '';

    this.userService.create(user).subscribe(

        () => {

          this.router.navigateByUrl('/');

        },

        err => {

          this.errorMessage = 'User already was created';

        }

    );

  }



}

All works fine, but when I direct a cursor of mouse on method map I see next errors:

Unresolved function or method map()

I'm using the Angular 4. My IDE is WebStorm and version of it is 2016.2.3. My app was created by Angular CLI. My package.json is:

{

  "name": "client",

  "version": "0.0.0",

  "license": "MIT",

  "scripts": {

    "ng": "ng",

    "start": "ng serve",

    "build": "ng build",

    "test": "ng test",

    "lint": "ng lint",

    "e2e": "ng e2e"

  },

  "private": true,

  "dependencies": {

    "@angular/animations": "^4.0.0",

    "@angular/common": "^4.0.0",

    "@angular/compiler": "^4.0.0",

    "@angular/core": "^4.0.0",

    "@angular/forms": "^4.0.0",

    "@angular/http": "^4.0.0",

    "@angular/platform-browser": "^4.0.0",

    "@angular/platform-browser-dynamic": "^4.0.0",

    "@angular/router": "^4.0.0",

    "bootstrap-sass": "^3.3.7",

    "core-js": "^2.4.1",

    "rxjs": "^5.1.0",

    "zone.js": "^0.8.4"

  },

  "devDependencies": {

    "@angular/cli": "1.1.0",

    "@angular/compiler-cli": "^4.0.0",

    "@angular/language-service": "^4.0.0",

    "@types/jasmine": "2.5.45",

    "@types/node": "~6.0.60",

    "codelyzer": "~3.0.1",

    "jasmine-core": "~2.6.2",

    "jasmine-spec-reporter": "~4.1.0",

    "karma": "~1.7.0",

    "karma-chrome-launcher": "~2.1.1",

    "karma-cli": "~1.0.1",

    "karma-coverage-istanbul-reporter": "^1.2.1",

    "karma-jasmine": "~1.1.0",

    "karma-jasmine-html-reporter": "^0.2.2",

    "node-sass": "^4.5.3",

    "protractor": "~5.1.2",

    "sass-loader": "^6.0.6",

    "ts-node": "~3.0.4",

    "tslint": "~5.3.2",

    "typescript": "~2.3.3"

  }

}

I searched by stackoverflow the answers on my question, but, unfortunately, it did not help to me. Perhaps, I searched badly the answers :( .

asked Jul 12 '17 at 10:59

Alexey Korkoza

114214

1

Have you tried import 'rxjs/add/operator/map';?

– eko
Jul 12 '17 at 11:02

Yes, I tried, but a error remained since.

– Alexey Korkoza
Jul 12 '17 at 11:06

Import should solve this. If it doesn't, this probably means that there are dupe rxjs packages, in this case deleting node_modules and reinstalling them could help.

– estus
Jul 12 '17 at 11:19

I deleted a folder node_modules and then installed again all packages, bun it could not help to me. Since I'm see the error.

– Alexey Korkoza
Jul 12 '17 at 11:36

add a comment |

I wrote next service:

import { Injectable } from '@angular/core';

import { Http, Response, Headers } from '@angular/http';

import 'rxjs/Rx';



import { AppConfig } from '../appConfig';

import { User } from '../models/user.model';

import { JwtService } from '../services/jwt.service';



@Injectable()

export class UserService {



  constructor(

      private http: Http,

      private appConfig: AppConfig,

      private jwtService: JwtService) {}



  create(user: User) {

    return this.http.post(this.appConfig.urlServer + '/auth/signup', user)

        .map((res: Response) => res.json())

  }

}

I'm use method of service in the component:

import { Component } from '@angular/core';

import { Router } from '@angular/router';



import { UserService } from '../shared/services/user.service';

import { User } from '../shared/models/user.model';



@Component({

  selector: 'app-registration',

  templateUrl: './registration.component.html',

  styleUrls: ['./registration.component.scss']

})

export class RegistrationComponent {



  errorMessage: string;



  constructor(

      private userService: UserService,

      private router: Router) {}



  register(user: User) {

    this.errorMessage = '';

    this.userService.create(user).subscribe(

        () => {

          this.router.navigateByUrl('/');

        },

        err => {

          this.errorMessage = 'User already was created';

        }

    );

  }



}

All works fine, but when I direct a cursor of mouse on method map I see next errors:

Unresolved function or method map()

I'm using the Angular 4. My IDE is WebStorm and version of it is 2016.2.3. My app was created by Angular CLI. My package.json is:

{

  "name": "client",

  "version": "0.0.0",

  "license": "MIT",

  "scripts": {

    "ng": "ng",

    "start": "ng serve",

    "build": "ng build",

    "test": "ng test",

    "lint": "ng lint",

    "e2e": "ng e2e"

  },

  "private": true,

  "dependencies": {

    "@angular/animations": "^4.0.0",

    "@angular/common": "^4.0.0",

    "@angular/compiler": "^4.0.0",

    "@angular/core": "^4.0.0",

    "@angular/forms": "^4.0.0",

    "@angular/http": "^4.0.0",

    "@angular/platform-browser": "^4.0.0",

    "@angular/platform-browser-dynamic": "^4.0.0",

    "@angular/router": "^4.0.0",

    "bootstrap-sass": "^3.3.7",

    "core-js": "^2.4.1",

    "rxjs": "^5.1.0",

    "zone.js": "^0.8.4"

  },

  "devDependencies": {

    "@angular/cli": "1.1.0",

    "@angular/compiler-cli": "^4.0.0",

    "@angular/language-service": "^4.0.0",

    "@types/jasmine": "2.5.45",

    "@types/node": "~6.0.60",

    "codelyzer": "~3.0.1",

    "jasmine-core": "~2.6.2",

    "jasmine-spec-reporter": "~4.1.0",

    "karma": "~1.7.0",

    "karma-chrome-launcher": "~2.1.1",

    "karma-cli": "~1.0.1",

    "karma-coverage-istanbul-reporter": "^1.2.1",

    "karma-jasmine": "~1.1.0",

    "karma-jasmine-html-reporter": "^0.2.2",

    "node-sass": "^4.5.3",

    "protractor": "~5.1.2",

    "sass-loader": "^6.0.6",

    "ts-node": "~3.0.4",

    "tslint": "~5.3.2",

    "typescript": "~2.3.3"

  }

}

I searched by stackoverflow the answers on my question, but, unfortunately, it did not help to me. Perhaps, I searched badly the answers :( .

asked Jul 12 '17 at 10:59

Alexey Korkoza

114214

I wrote next service:

import { Injectable } from '@angular/core';

import { Http, Response, Headers } from '@angular/http';

import 'rxjs/Rx';



import { AppConfig } from '../appConfig';

import { User } from '../models/user.model';

import { JwtService } from '../services/jwt.service';



@Injectable()

export class UserService {



  constructor(

      private http: Http,

      private appConfig: AppConfig,

      private jwtService: JwtService) {}



  create(user: User) {

    return this.http.post(this.appConfig.urlServer + '/auth/signup', user)

        .map((res: Response) => res.json())

  }

}

I'm use method of service in the component:

import { Component } from '@angular/core';

import { Router } from '@angular/router';



import { UserService } from '../shared/services/user.service';

import { User } from '../shared/models/user.model';



@Component({

  selector: 'app-registration',

  templateUrl: './registration.component.html',

  styleUrls: ['./registration.component.scss']

})

export class RegistrationComponent {



  errorMessage: string;



  constructor(

      private userService: UserService,

      private router: Router) {}



  register(user: User) {

    this.errorMessage = '';

    this.userService.create(user).subscribe(

        () => {

          this.router.navigateByUrl('/');

        },

        err => {

          this.errorMessage = 'User already was created';

        }

    );

  }



}

All works fine, but when I direct a cursor of mouse on method map I see next errors:

Unresolved function or method map()

I'm using the Angular 4. My IDE is WebStorm and version of it is 2016.2.3. My app was created by Angular CLI. My package.json is:

{

  "name": "client",

  "version": "0.0.0",

  "license": "MIT",

  "scripts": {

    "ng": "ng",

    "start": "ng serve",

    "build": "ng build",

    "test": "ng test",

    "lint": "ng lint",

    "e2e": "ng e2e"

  },

  "private": true,

  "dependencies": {

    "@angular/animations": "^4.0.0",

    "@angular/common": "^4.0.0",

    "@angular/compiler": "^4.0.0",

    "@angular/core": "^4.0.0",

    "@angular/forms": "^4.0.0",

    "@angular/http": "^4.0.0",

    "@angular/platform-browser": "^4.0.0",

    "@angular/platform-browser-dynamic": "^4.0.0",

    "@angular/router": "^4.0.0",

    "bootstrap-sass": "^3.3.7",

    "core-js": "^2.4.1",

    "rxjs": "^5.1.0",

    "zone.js": "^0.8.4"

  },

  "devDependencies": {

    "@angular/cli": "1.1.0",

    "@angular/compiler-cli": "^4.0.0",

    "@angular/language-service": "^4.0.0",

    "@types/jasmine": "2.5.45",

    "@types/node": "~6.0.60",

    "codelyzer": "~3.0.1",

    "jasmine-core": "~2.6.2",

    "jasmine-spec-reporter": "~4.1.0",

    "karma": "~1.7.0",

    "karma-chrome-launcher": "~2.1.1",

    "karma-cli": "~1.0.1",

    "karma-coverage-istanbul-reporter": "^1.2.1",

    "karma-jasmine": "~1.1.0",

    "karma-jasmine-html-reporter": "^0.2.2",

    "node-sass": "^4.5.3",

    "protractor": "~5.1.2",

    "sass-loader": "^6.0.6",

    "ts-node": "~3.0.4",

    "tslint": "~5.3.2",

    "typescript": "~2.3.3"

  }

}

I searched by stackoverflow the answers on my question, but, unfortunately, it did not help to me. Perhaps, I searched badly the answers :( .

angular webstorm

asked Jul 12 '17 at 10:59

Alexey Korkoza

114214

asked Jul 12 '17 at 10:59

Alexey Korkoza

114214

asked Jul 12 '17 at 10:59

Alexey Korkoza

114214

asked Jul 12 '17 at 10:59

Alexey Korkoza

114214

asked Jul 12 '17 at 10:59

Alexey Korkoza

114214

1

Have you tried import 'rxjs/add/operator/map';?

– eko
Jul 12 '17 at 11:02

Yes, I tried, but a error remained since.

– Alexey Korkoza
Jul 12 '17 at 11:06

Import should solve this. If it doesn't, this probably means that there are dupe rxjs packages, in this case deleting node_modules and reinstalling them could help.

– estus
Jul 12 '17 at 11:19

I deleted a folder node_modules and then installed again all packages, bun it could not help to me. Since I'm see the error.

– Alexey Korkoza
Jul 12 '17 at 11:36

add a comment |

1

Have you tried import 'rxjs/add/operator/map';?

– eko
Jul 12 '17 at 11:02

Yes, I tried, but a error remained since.

– Alexey Korkoza
Jul 12 '17 at 11:06

Import should solve this. If it doesn't, this probably means that there are dupe rxjs packages, in this case deleting node_modules and reinstalling them could help.

– estus
Jul 12 '17 at 11:19

I deleted a folder node_modules and then installed again all packages, bun it could not help to me. Since I'm see the error.

– Alexey Korkoza
Jul 12 '17 at 11:36

Have you tried import 'rxjs/add/operator/map';?

– eko
Jul 12 '17 at 11:02

Yes, I tried, but a error remained since.

– Alexey Korkoza
Jul 12 '17 at 11:06

Import should solve this. If it doesn't, this probably means that there are dupe rxjs packages, in this case deleting node_modules and reinstalling them could help.

– estus
Jul 12 '17 at 11:19

I deleted a folder node_modules and then installed again all packages, bun it could not help to me. Since I'm see the error.

– Alexey Korkoza
Jul 12 '17 at 11:36

add a comment |

0

active

oldest

votes

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f45055797%2funresolved-function-or-method-map%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

0

active

oldest

votes

0

active

oldest

votes

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

Search This Blog

Ufyukyu