‘Cannot redeclare block-scoped variable’ in unrelated files

by

TL;DR Just write export {} in the outermost scope of your files.

At some point there needs to be a semantic disambiguation for whether a file should be treated as a module (and have its own scope) or a script (and share the global scope with other scripts).

In the browser, this is easy – you should be able to use a <script type="module"> tag and you’ll be able to use modules.

But what about any other place that utilizes JavaScript? Unfortunately there isn’t a standard way at this point to make that distinction.

The way that TypeScript decided to tackle the problem was to simply state that a module is any file which contains an import or export.

So if your file doesn’t have any sort of top-level import or export statements, then you’ll occasionally see issues with global declarations interfering with each other.

To get around this, you can simple have an export statement that exports nothing. In other words, just write

export {};

somewhere at the top-level of your file.

More Related Contents:

  1. How do you produce a .d.ts “typings” definition file from an existing JavaScript library?
  2. Typescript primitive types: any difference between the types “number” and “Number” (is TSC case-insensitive)?
  3. ‘tsc command not found’ in compiling 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. Why can I avoid excess property check in typescript just by passing a reference to an object to a function rather than the object in its literal form?
  8. TypeScript: Accept all Object keys that map to a specific type
  9. Typescript interface default values
  10. How to configure custom global interfaces (.d.ts files) for TypeScript?
  11. How to undestand relations between types any, unknown, {} and between them and other types?
  12. Typescript Function with Generic Return Type
  13. What does “keyof typeof” mean in TypeScript?
  14. Typescript Key-Value relation preserving Object.entries type
  15. How can moment.js be imported with typescript?
  16. How can an object type with nested subproperties be flattened?
  17. ‘compile-time’ way to get all property names defined interface
  18. Accessing properties in union types
  19. Make overProp function interface with one param
  20. Absolute paths (baseUrl) gives error: Cannot find module
  21. typescript restrict count of object’s properties
  22. Checking validity of string literal union type at runtime?
  23. Why is never assignable to every type?
  24. Is there an alternative to Partial to accept only fields from another type and nothing else?
  25. How to update TypeScript to latest version with npm?
  26. Typescript: Spread types may only be created from object types
  27. Typescript and filter Boolean
  28. Angular2 – root relative imports
  29. Why TypeScript lets me add a string and a number? Can I prevent it?
  30. A way to mark arbitrary strings in Typescript Template Literals

Leave a Comment