Ignore Typescript Errors “property does not exist on value of type”

by

I know the question is already closed but I’ve found it searching for same TypeScriptException, maybe some one else hit this question searching for this problem.

The problem lays in missing TypeScript typing:

var coordinates = outerElement[0].getBBox();

Throws The property 'getBBox' does not exist on value of type 'HTMLElement'.

The easiest way is to explicitly type variable as `any`

var outerHtmlElement: any = outerElement[0];
var coordinates = outerHtmlElement.getBBox();

Edit, late 2016

Since TypeScript 1.6, the prefered casting operator is as, so those lines can be squashed into:

let coordinates = (outerElement[0] as any).getBBox();

Other solutions

Of course if you’d like to do it right, which is an overkill sometimes, you can:

  1. Create own interface which simply extends HTMLElement
  2. Introduce own typing which extends HTMLElement

More Related Contents:

  1. How to load external scripts dynamically in Angular?
  2. Property ‘…’ has no initializer and is not definitely assigned in the constructor
  3. What is TypeScript and why would I use it in place of JavaScript? [closed]
  4. Calling webpacked code from outside (HTML script tag)
  5. Angular: Can’t find Promise, Map, Set and Iterator
  6. typescript – cloning object
  7. How to fix error “Failed to compile : ./node_modules/@react-leaflet/core/esm/path.js 10:41 Module parse failed: Unexpected token (10:41)”
  8. Typescript: deep keyof of a nested object, with related type
  9. Angular 2: TypeError: l_thing0 is undefined in [{{thing.title}} in AppComponent@4:44]
  10. Appending .js extension on relative import statements during Typescript compilation (ES6 modules)
  11. open-ended function arguments with TypeScript
  12. Load existing components dynamically Angular 2 Final Release
  13. Angular 5 Scroll to top on every Route click
  14. Correct way Provide DomSanitizer to Component with Angular 2 RC6
  15. Why does ‘instanceof’ in TypeScript give me the error “‘Foo’ only refers to a type, but is being used as a value here.”?
  16. How can I use optional chaining with arrays and functions?
  17. spread operator vs array.concat()
  18. typescript: error TS2693: ‘Promise’ only refers to a type, but is being used as a value here
  19. Angular interceptor exclude specific urls
  20. TypeScript enum to object array
  21. How to iterate using ngFor loop Map containing key as string and values as map iteration
  22. How do I split a TypeScript class into multiple files?
  23. Mocking dayjs extend
  24. useMemo vs. useEffect + useState
  25. TypeScript “Compile on save” feature not working in Visual Studio 2015
  26. angular 2 access ng-content within component
  27. Property ‘XXX’ does not exist on type ‘CombinedVueInstance’
  28. How to import ipcRenderer in vue.js ? __dirname is not defined
  29. How to implement a Typescript interface to an es5-style “class”?
  30. how can I get a unique device ID in javascript?

Leave a Comment