Missing intellisense when importing .ts file in .js file

Question

I try to use tsx to run a NodeJS application made of JavaScript and Typescript modules. The JavaScript modules are ESM, not CommonJS. For example I have these files:

// provider.ts
export funcA(p: unknown): unknown {...}

// consumer.js
import * as provider from "./provider.ts"

provider.funcA("foo");

It runs very well with tsx. VSCode's intellisense works well in TS file but it doesn't in JS file. When I hover provider it shows import provider and I have no completion whatsoever. Here is my tsconfig.json:

{
  "compilerOptions": {
    "module": "NodeNext",
    "target": "ESNext",
    "allowJs": true,
    "strict": true,
  },
  "include": [
    <the directory containing both JS and TS files>
  ],
}

How can I make Intellisense work in VSCode for TS imports in my JS files?

you'll have to have it compile the ts into js - javascript just can't load a ts file — Daniel A. White
– Daniel A. White, Commented Jul 29, 2022 at 14:24
Like I said, I can run my code with tsx without issues. My question is only about intellisense in VSCode. VSCode embeds TypeScript compiler so it should be able to understand both JS and TS and provide type information. — Notiggsam
– Notiggsam, Commented Aug 1, 2022 at 8:12

Notiggsam · Accepted Answer · 2022-08-02 12:57:23Z

4

I found a solution. It seems TypeScript can not understand when I import a .ts module.

I had to remove the .ts part of the import. I had to add "moduleResolution": "Node" to my tsconfig.json to remove resolve errors.

I also got some trouble with my eslint configuration. I installed packages @typescript-eslint/parser and eslint-import-resolver-typescript and added this to my .eslintrc.json:

"extends": [
  ...
  "plugin:import/typescript"
],
...
"settings": {
  "node": {
    "tryExtensions": [".js", ".node", ".ts"]
  }
}

Now it works. I get full Intellisense in my JS file.

answered Aug 2, 2022 at 12:57

Notiggsam

511 silver badge15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Missing intellisense when importing .ts file in .js file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related