CODEWITHSUNDEEP
angular
Waqas Ali
Waqas Ali

Reputation: 114

Angular - rxjs_Observable__WEBPACK_IMPORTED_MODULE_2__.Observable.of is not a function

import { Injectable } from '@angular/core';
import 'rxjs/add/observable/of';
import { Observable } from 'rxjs/Observable';
import { AppSettings } from "./appsettings";
@Injectable()
export class AppSettingsService {
    getSettings(): Observable<AppSettings> {
        let settings = new AppSettings();
        return Observable.of<AppSettings>(settings);
    }
}

above is my angular5 code but i'm facing issue . please see the console error image .

if your have any idea about this issue please share with me.

Upvotes: 0

Views: 204

Answers (1)

codingsplash
codingsplash

Reputation: 5045

The error is because from version 6 onwards, the package structure of rxjs has changed. The below code works for Angular 6:

import { Injectable } from '@angular/core';
import { Observable , of} from 'rxjs';
import { AppSettings } from "./appsettings";

@Injectable({
  providedIn: 'root'
})
export class AppSettingsService {
    getSettings(): Observable<AppSettings> {
        let settings = new AppSettings();
        return of<AppSettings>(settings);
    }
}

Upvotes: 1

Related Questions