Importing JSON file in TypeScript

by

With TypeScript 2.9.+ you can simply import JSON files with benefits like typesafety and intellisense by doing this:

import colorsJson from '../colors.json'; // This import style requires "esModuleInterop", see "side notes"
console.log(colorsJson.primaryBright);

Make sure to add these settings in the compilerOptions section of your tsconfig.json (documentation):

"resolveJsonModule": true,
"esModuleInterop": true,

Side notes:

  • Typescript 2.9.0 has a bug with this JSON feature, it was fixed with 2.9.2
  • The esModuleInterop is only necessary for the default import of the colorsJson. If you leave it set to false then you have to import it with import * as colorsJson from '../colors.json'

More Related Contents:

  1. How do I cast a JSON Object to a TypeScript class?
  2. How do I initialize a TypeScript Object with a JSON-Object?
  3. JSON to TypeScript class instance? [duplicate]
  4. How to import JSON File into a TypeScript file?
  5. How to get Date object from json Response in typescript
  6. How to parse a JSON object to a TypeScript Object
  7. tsconfig.json: Build:No inputs were found in config file
  8. Angular: Typescript casting JSON response as object model not working
  9. Type ‘{}’ is not assignable to type ‘IntrinsicAttributes & IntrinsicClassAttributes
  10. Typescript `enum` from JSON string
  11. Setting Access-Control-Allow-Origin in ASP.Net MVC – simplest possible method
  12. Can JSON start with “[“?
  13. Is there a query language for JSON?
  14. How to parse JSON in Scala using standard Scala classes?
  15. How do I exclude fields with Jackson not using annotations?
  16. Returning Null JSON Throwing Type Mismatch Error in VBA
  17. How to create public/private user profile with Firebase security rules?
  18. Read JSON data in a shell script [duplicate]
  19. How to turn json to case class when case class has only one field
  20. Coldfusion 10 returnformat=”JSON” adding characters
  21. Iterate a Json Object with ngFor
  22. How to convert a JSON object stream into an array with jq
  23. Serialize in JSON a base64 encoded data
  24. Parsing JSON feed automatically into MS Access
  25. Accessing a request’s body using classic ASP?
  26. Collect Recursive JSON Keys In Postgres
  27. Filter Array Using Checkboxes with AngularJS
  28. How can I do JSON serializer ignore navigation properties?
  29. Very large HTTP request vs many small requests
  30. Error handling using JSONDecoder in Swift

Leave a Comment