在.js 文件中導入.ts 文件時缺少智能感知

Question

賞金將在 5 天后到期。 此問題的答案有資格獲得+50聲望賞金。 Nautigsam想引起對這個問題的更多關注：

我相信這是一個嚴重的錯誤，會阻止團隊輕松過渡到 TypeScript。

我嘗試使用tsx運行由 JavaScript 和 Typescript 模塊組成的 NodeJS 應用程序。 JavaScript 模塊是 ESM，而不是 CommonJS。 例如我有這些文件：

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

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

provider.funcA("foo");

它與 tsx 一起運行得很好。 VSCode 的智能感知在 TS 文件中運行良好，但在 JS 文件中卻不行。 當我 hover provider顯示import provider時，我沒有任何完成。 這是我的tsconfig.json ：

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

如何讓 Intellisense 在 VSCode 中工作，以便在我的 JS 文件中導入 TS？

Answer 1

我找到了解決方案。 當我導入.ts模塊時，似乎 TypeScript 無法理解。

我不得不刪除導入的.ts部分。 我必須在我的tsconfig.json中添加"moduleResolution": "Node"以消除解析錯誤。

我的 eslint 配置也遇到了一些問題。 我安裝了包@typescript-eslint/parser和eslint-import-resolver-typescript並將其添加到我的.eslintrc.json ：

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

現在它起作用了。 我在我的 JS 文件中獲得了完整的 Intellisense。