How to import js-modules into TypeScript file?

by

You can import the whole module as follows:

import * as FriendCard from './../pages/FriendCard';

For more details please refer the modules section of Typescript official docs.

Recent Updated Solution : We need to tweak the tsconfig.json to allow JS modules import.
credits to @paulmest, @ben-winding @crispen-gari solutions below.

{
  "compilerOptions": {
    "allowJs": true
  }
}

More Related Contents:

  1. How to debug angular protractor tests in WebStorm
  2. Why I am not getting warnings about StrictNullChecks in typescript
  3. intellisense and code complete for DefinitelyTyped (TypeScript type definitions) on WebStorm IDE
  4. How do I return the response from an Observable/http/async call in angular?
  5. Property ‘…’ has no initializer and is not definitely assigned in the constructor
  6. What is TypeScript and why would I use it in place of JavaScript? [closed]
  7. Calling webpacked code from outside (HTML script tag)
  8. Typescript recursive function composition
  9. typescript – cloning object
  10. Angular2 component’s “this” is undefined when executing callback function
  11. What’s the difference between “declare class” and “interface” in TypeScript
  12. Understanding execute async script in Selenium
  13. Angular 5 Scroll to top on every Route click
  14. Take elements while a condition evaluates to true (extending ElementArrayFinder)
  15. Correct way Provide DomSanitizer to Component with Angular 2 RC6
  16. Why does ‘instanceof’ in TypeScript give me the error “‘Foo’ only refers to a type, but is being used as a value here.”?
  17. How can I use optional chaining with arrays and functions?
  18. spread operator vs array.concat()
  19. typescript: error TS2693: ‘Promise’ only refers to a type, but is being used as a value here
  20. Angular interceptor exclude specific urls
  21. How can I loop through enum values for display in radio buttons? [duplicate]
  22. TypeScript enum to object array
  23. How to iterate using ngFor loop Map containing key as string and values as map iteration
  24. Mocking dayjs extend
  25. useMemo vs. useEffect + useState
  26. Webstorm: “Cannot Resolve Directory”
  27. TypeScript “Compile on save” feature not working in Visual Studio 2015
  28. angular 2 access ng-content within component
  29. Property ‘XXX’ does not exist on type ‘CombinedVueInstance’
  30. how can I get a unique device ID in javascript?

Leave a Comment