Argument of type ‘string | null’ is not assignable to parameter of type ‘string’. Type ‘null’ is not assignable to type ‘string’

by

As the error says, localStorage.getItem() can return either a string or null. JSON.parse() requires a string, so you should test the result of localStorage.getItem() before you try to use it.

For example:

this.currentUser = JSON.parse(localStorage.getItem('currentUser') || '{}');

or perhaps:

const userJson = localStorage.getItem('currentUser');
this.currentUser = userJson !== null ? JSON.parse(userJson) : new User();

See also the answer from Willem De Nys. If you are confident that the localStorage.getItem() call can never return null you can use the non-null assertion operator to tell typescript that you know what you are doing:

this.currentUser = JSON.parse(localStorage.getItem('currentUser')!);

More Related Contents:

  1. How can I use/create dynamic template to compile dynamic Component with Angular 2.0?
  2. Dynamically add event listener
  3. I get “Http failure response for (unknown url): 0 Unknown Error” instead of actual error message in Angular
  4. Angular error: “Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input'”
  5. flatMap, flat, flatten doesn’t exist on type any[]
  6. Use component from another module
  7. How to write unit testing for Angular / TypeScript for private methods with Jasmine
  8. Angular and Typescript: Can’t find names – Error: cannot find name
  9. Angular 2 Scroll to top on Route Change
  10. How to iterate object keys using *ngFor?
  11. Angular 2 Form “Cannot find control with path”
  12. vs
  13. How to cancel/unsubscribe all pending HTTP requests in Angular 4+
  14. Angular 2 Basic Authentication not working
  15. How to smooth scroll to page anchor in angular 4 without plugins properly?
  16. Angular 2 + Ionic 2: Detect if an object was modified
  17. Http.get() working but not working in build(Release/Debug) in Ionic 4
  18. Property ‘json’ does not exist on type ‘Object’
  19. inject() must be called from an injection context
  20. Update parent component property from child component in Angular 2
  21. How to use variable to define templateUrl in Angular2
  22. Behaviour subject initial value null?
  23. How to get rid of the warning .ts file is part of the TypeScript compilation but it’s unused
  24. How can I create an observable with a delay
  25. Property ‘toPromise’ does not exist on type ‘Observable’
  26. TypeError: Object prototype may only be an Object or null: undefined Angular 8
  27. Angular 4 ExpressionChangedAfterItHasBeenCheckedError
  28. Page transition animations with Angular 2.0 router and component interface promises
  29. Angular load external configuration before AppModule loads
  30. Angular 2 ngOnInit not called

Leave a Comment