Unable to import svg files in typescript

by

If you use webpack, you can do this by creating a custom types file.

Create a file named custom.d.ts with the following content:

declare module "*.svg" {
  const content: any;
  export default content;
}

Add the custom.d.ts to tsconfig.json as below

"include": ["src/components", "src/custom.d.ts"]

Source: https://webpack.js.org/guides/typescript/#importing-other-assets

More Related Contents:

  1. Generic type to get enum keys as union string in typescript?
  2. Create a new object from type parameter in generic class
  3. What is the Record type in typescript?
  4. When I refresh my website I get a 404. This is with Angular2 and firebase
  5. Typescript return type depending on parameter
  6. Mapped Types: removing optional modifier
  7. Typescript interface default values
  8. How to selectively assign from one Partial to another in typescript
  9. How to unwrap the type of a Promise?
  10. Experimental decorators warning in TypeScript compilation
  11. How can moment.js be imported with typescript?
  12. How can an object type with nested subproperties be flattened?
  13. Accessing properties in union types
  14. How can I remove a wider type from a union type without removing its subtypes in TypeScript?
  15. Make overProp function interface with one param
  16. Absolute paths (baseUrl) gives error: Cannot find module
  17. typescript restrict count of object’s properties
  18. Checking validity of string literal union type at runtime?
  19. Is there an alternative to Partial to accept only fields from another type and nothing else?
  20. TypeScript empty object for a typed variable
  21. ts An async function or method in ES5/ES3 requires the ‘Promise’ constructor
  22. How to declare a function that throws an error in Typescript
  23. How to use enum as index key type in typescript?
  24. Typescript: Remove entries from tuple type
  25. Typescript: change function type so that it returns new value
  26. Check if object correctly implements interface
  27. What exactly $event object do in Angular 2?
  28. new Typescript “satisfies” operator
  29. What are the differences between the private keyword and private fields in TypeScript?
  30. Narrowing a return type from a generic, discriminated union in TypeScript

Leave a Comment