angular6

I updated my angular 5.2.10 project to angular 6. I did step by step https://update.angular.io/ , everything is OK unless Observable.from In a service I used Observable.from(this.user) as following: import { Observable } from 'rxjs/Observable'; ... Observable.from(this.users)// this.users is an array It was OK, but in angular 6 the following error occurred Property 'from' does not exist on type 'typeof Observable' I changed it as follows import { Observable, from } from 'rxjs'; But no change and error occurred again! In rxjs@6 you can use from as standalone function: import { from } from 'rxjs

In my case I want to support same url in case insensitive manner. Example: it should support all url localhost:1029/documentation localhost:1029/DOCUMENTATION localhost:1029/DOCUMENTAtion localhost:1029/docuMENTATION mittal bhatt You should add this provide statement to the app.module.ts import { DefaultUrlSerializer, UrlTree } from '@angular/router'; export class LowerCaseUrlSerializer extends DefaultUrlSerializer { parse(url: string): UrlTree { // Optional Step: Do some stuff with the url if needed. // If you lower it in the optional step // you don't need to use "toLowerCase" // when you

I'm trying to migrate my Angular Universal project from Angular v5 to v6 I've got a service where I use fs to load the translation on the server side. Everything works well with Angular v5. With Angular v6, when I run npm run start aka ng serve --proxy-config proxy.conf.json I face the following error ERROR in ./src/providers/core/translate/translate-universal-loader.service.ts Module not found: Error: Can't resolve 'fs' in '/Users/me/Documents/projects/myproject/src/providers/core/translate' In my service I declare fs like the following: declare var require: any; const fs = require('fs'); I

I have this service using HttpClient to get some data : checkData() { return this.http.get('my url'); } The on the footer component I call it and display the result : ngOnInit() { this.myservice.checkdata().subscribe( result => { this.statustext = result } ); } This works, but I need this method to be run every 10 seconds so it's up to date. How can I do this? Faisal Use rxjs timer to call the api request at startup and then every 10s. This is best achieved by using rxjs to divide and conquer. Firstly, import the following: import { timer, Observable, Subject } from 'rxjs'; import { switchMap,

I am upgrading my app to Angular 6 . I am upgrading from Angular 4 , but the code below is causing errors in Angular 6, where it worked fine in Angular 4. The errors I am getting: Property 'of' does not exist on type 'typeof Observable' Error: Property 'catch' does not exist on type 'Observable' How should I resolve these errors? private authInterceptor(observable: Observable<Response>): Observable<Response> { return observable.catch((error, source) => { if (error.status == 401) { this.router.navigateByUrl('/login'); return Observable.of(); } else { return Observable.throw(error); } }); }

I just migrated my project from angular v5.x to v6.x and now when I try to start it with ng serve I'm getting: Cannot find module 'webpack' Error: Cannot find module 'webpack' at Function.Module.... any help ? I cleared node modules and: npm cache clean --force npm install npm install --save-dev @angular/cli@latest but that didn't help Tristan mariën I had the same issue and this worked for me: Delete these files/ folders (from your Angular root folder): package-lock.json ( Not the package.json) /node_modules folder /dist folder Execute command (regenerate the package-lock.json and the /node