Type error: Object is possibly ‘null’. TS2531 for window.document

by

TS is doing its job and tells you that window.document.getElementById("foobar") COULD return something that is null.

If you are absolutely sure that #foobar element DOES exist in your DOM, you can show TS your confidence with a ! operator.

// Notice the "!" at the end of line
const myAbsolutelyNotNullElement = window.document.getElementById("foobar")!

Or, you can add a runtime nullable check to make TS happy

const myMaybeNullElement = window.document.getElementById("foobar")

myMaybeNullElement.nodeName // <- error!

if (myMaybeNullElement === null) {
  alert('oops');
} else {
  // since you've done the nullable check
  // TS won't complain from this point on
  myMaybeNullElement.nodeName // <- no error
}

Related Contents:

  1. Typescript cannot find name window or document
  2. TypeScript – what type is setInterval
  3. TypeScript character type?
  4. Angular 4.3.3 HttpClient : How get value from the header of a response?
  5. Typescript error This condition will always return ‘true’ since the types have no overlap
  6. npm WARN … requires a peer of … but none is installed. You must install peer dependencies yourself
  7. Typescript: React event types
  8. TypeScript static classes
  9. TypeScript ES6 import module “File is not a module error”
  10. open-ended function arguments with TypeScript
  11. Using _ (underscore) variable with arrow functions in ES6/Typescript
  12. Error: Cannot invoke an expression whose type lacks a call signature
  13. How to do method overloading in TypeScript?
  14. How to check multiple arguments on multiple calls for jest spies?
  15. Why can I access TypeScript private members when I shouldn’t be able to?
  16. Types have separate declarations of a private property
  17. How to watch and compile all TypeScript sources?
  18. How to check empty object in angular 2 template using *ngIf
  19. TypeScript override ToString() [closed]
  20. JavaScript, Typescript switch statement: way to run same code for two cases?
  21. Is there destructor in typeScript
  22. Upgrading Jest to v29 – Error Test environment jest-environment-jsdom cannot be found
  23. Angular 2 router event listener
  24. ‘new’ expression, whose target lacks a construct signature in TypeScript
  25. Typescript Duplicate Function Implementation
  26. Simple filter on array of RXJS Observable
  27. Error while loading rule ‘@typescript-eslint/dot-notation’
  28. How to define optional constructor arguments with defaults in Typescript
  29. Jest fails with “Unexpected token *” on import statement
  30. TypeScript Error: Property ‘0’ is missing in type
  31. How to convert an Observable into a BehaviorSubject?
  32. Do I have to reference TypeScript definition in every file?
  33. typescript declare third party modules
  34. Angular2 too many file requests on load
  35. Property ‘allSettled’ does not exist on type ‘PromiseConstructor’.ts(2339)
  36. Get HTMLElement from Element
  37. Determine if a CSS class exists with Javascript
  38. How to use es6 template literal as Angular Component Input
  39. Property ‘XXX’ does not exist on type ‘CombinedVueInstance’
  40. Typescript abstract optional method
  41. What’s the difference between a React.FunctionComponent and a plain JS function component?
  42. declaration or statement expected javascript/typescript
  43. How to concat string and number in Typescript
  44. Angular 2: How to call a function after get a response from subscribe http.post
  45. TypeScript vs JSX [closed]
  46. TypeScript error: Property ‘scrollIntoView’ does not exist on type ‘never’. TS2339
  47. Why push shows argument of type ‘any[]’ is not assignable to parameter of type ‘never’ error?
  48. How to watch component binding change using Angular component
  49. Replacement of Elvis Operator of Angular2 in Typescript
  50. How to detect key pressed in TypeScript?

Leave a Comment