error TS2339 in branch register-http, concerning auth.service.ts import 'map' from rxjs

[bevlison]

error upon
$ng serve
is
src/app/services/auth.service.ts : error TS2339: Property 'map' does not exist on type 'Observable'

solution is
replacing line 3 in auth.service.ts
3 import 'rxjs/add/operator/map';
by
3 import { map } from 'rxjs/observable/';

This is related to an angular update (2 to 4 I believe)

[bevlison]

above own solution doesn't work, $ng serve compiles without problem, but the error shows up again in browser console.

I did however just find out that map function should be passed as argument to pipe function

made these changes to auth.service.ts :

registerUser(user) {
return this.http.post(this.domain + '/authentication/register', user).pipe(map(res => res.json()));
}

// Function to check if username is taken
checkUsername(username) {
return this.http.get(this.domain + '/authentication/checkUsername/' + username).pipe(map(res => res.json()));
}

// Function to check if e-mail is taken
checkEmail(email) {
return this.http.get(this.domain + '/authentication/checkEmail/' + email).pipe(map(res => res.json()));
}

[ahmadkhubaib]

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http'

interface statuschecker{
success: boolean,
message: string
}
@Injectable({
providedIn: 'root'
})

export class ApiService {

constructor(private http: HttpClient) { }

signUp(signupData){
		return this.http.post<statuschecker>('/api/signup', signupData)
	}

logIn(signinData){
	return this.http.post<statuschecker>('/api/login',signinData)
}

checkUsername(username) {
	return this.http.get<statuschecker>('api/checkUsername/' + username)
  }

  // Function to check if e-mail is taken
  checkEmail(email) {
	return this.http.get<statuschecker>('api/checkEmail/' + email)
}

}

@bevlison sorry for the late reply, although i am also taking this tutorial and got the same issue, i solved it by making an observable. i hope this will help you.

I have the same issue too.