Vscode TS language features unavailable when tests/** are not included in the tsconfig

by

Vscode has a problem with a one root tsconfig file. An adjacent test folder to src will use the tsconfig (added in this pull request) however it won’t work if the folder you open is one directory above it (for example if you have a server & client folder). A solution is being tracked in this issue: https://github.com/Microsoft/vscode/issues/12463.

In addition, if you want to upgrade to eslint (tslint is deprecated), the typescript parser will also force you to add a tsconfig file to the test folder if you wish to keep the test folder excluded in the main tsconfig. Link to eslint multi tsconfig docs.

The easy solution is to use two extra tsconfigs. One for the linter tsconfig.eslint.json and one for tests inside the test folder: test/tsconfig.json with the following content:

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "noEmit": true
  },
  "include": ["./**/*"]
}

Not elegant but a better solution does not exist at this moment.

More Related Contents:

  1. Jest + Typescript + Absolute paths (baseUrl) gives error: Cannot find module
  2. Jest won’t transform the module – SyntaxError: Cannot use import statement outside a module
  3. How can I see the full expanded contract of a Typescript type?
  4. Experimental decorators warning in TypeScript compilation
  5. What TypeScript version is Visual Studio Code using? How to update it?
  6. how to debug typescript files in visual studio code
  7. Visual Studio Code Automatic Imports
  8. Absolute paths (baseUrl) gives error: Cannot find module
  9. Hide .js.map files in Visual Studio Code: File Nesting
  10. Setting up tsconfig with spec/test folder
  11. Exclude property from type
  12. Why am I getting an error “Object literal may only specify known properties”?
  13. Class type check in TypeScript
  14. In Typescript, How to check if a string is Numeric
  15. Get argument types for function / class constructor
  16. What is the purpose of bivarianceHack in TypeScript types?
  17. How to compile a specific file with tsc using the paths compiler option
  18. How to build a TypeScript class constructor with object defining class fields?
  19. Operator ‘==’ cannot be applied to types x and y in Typescript 2
  20. RxJs Array of Observable to Observable of Array
  21. TypeScript: pick properties with a defined type
  22. How can I view original javscript library source code in VS Code and not the typescript version?
  23. Is it possible to narrow the types of overloaded parameters without exhaustively checking each parameter in the function body?
  24. Why does a Typescript type conditional on `T extends undefined`, with T instantiated with `boolean`, resolve T to `never`?
  25. What exactly $event object do in Angular 2?
  26. new Typescript “satisfies” operator
  27. What are the differences between the private keyword and private fields in TypeScript?
  28. TypeScript: deep partial?
  29. Is it possible to export * as foo in typescript
  30. Narrowing a return type from a generic, discriminated union in TypeScript

Leave a Comment