TypeScriptを使用してVSCodeでモジュール「fs」を見つける方法は？

私はMacBookAirで走っています。VS CodeをIDEとしてインストールし、TypeScriptもインストールしました。

次の行だけの単純なファイルがあります。

import fs = require('fs');

括弧内の「fs」の下に赤い[ts] Cannot find module 'fs'.波線が表示され、エラーメッセージは次のとおりです。ファイルの拡張子は.tsです。私はJavaScriptとTypeScriptを初めて使用しますfsが、コアモジュールであるという印象を受けたので、どうしてそれを見つけることができなかったのでしょうか。どうすれば問題を解決できますか？

私がすでに試した他のこと：

• 単純な関数本体をファイルに入れてから、コマンドラインでtsc。を使用してコンパイルします。そこで、本質的に同等のエラーが発生します。error TS2307: Cannot find module 'fs'.
• コマンドラインでsudo npm install fs -g。これは明らかな成功を報告しますが、問題は修正されません。

SEとWebをざっと見てみましたが、すべて近いように見えた答えは、「fs」が利用可能であると想定しているようです。

ノードの定義ファイルを含める必要があります。

TypeScript 2.0+

npmを使用してインストールします。

npm install --save-dev @types/node

TypeScript <2.0

タイピングを使用する場合は、次のコマンドを実行できます。

typings install dt~node --global --save

または、1.0未満のタイピングを使用している場合は、次のコマンドを実行します。

typings install node --ambient --save

または、他のすべてが失敗した場合は、ここでファイルを手動でダウンロードして、プロジェクトに含めます。

以前のtsdまたはタイピングツールに移動せずに、より良い方法があります。NPMには、typescript用の@typesパッケージが含まれるようになりました。この例では、次のパッケージが必要です@types/node。

npm install "@types/node" --save-dev

save-devオプションを使用して、本番モードではなく開発モードでのみタイプをインストールしていることを確認してください。npm install "@ types /"構文を使用する場合は、最新のノードライブラリが必要です。

以前のツールの入力では最新のnode.d.ts定義ファイルを使用していない可能性が高いため、fsパッケージが見つかりません。

これらのタイプのパッケージを見つけるには、tsconfig.jsonファイルを更新する必要があります。jquery、jqueryui、ノードタイプを使用する場合の私の例。コードエディタ（この場合は「atom」コードエディタ）でも機能する構文が必要であると仮定します。

{
"compileOnSave": false,
"compilerOptions": {
    "rootDir": "src",
    "sourceMap": true,
    "target": "es5",
    "module": "amd",
    "declaration": false,
    "noImplicitAny": false,
    "removeComments": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "lib": ["es2015", "dom"],
    "baseUrl": "./",
    "typeRoots": [
        "node_modules/@types"
    ],
    "types": [
        "jquery",
        "jqueryui",
        "node"
    ],
    "paths": {
        "src/*": ["src/*"]
    }
},
"exclude": [
    "node_modules",
    "dist",
    "build"
],
"filesGlob": [
    "./src/**/*.ts",
    "./test/**/*.ts",
    "./typings/index.d.ts",
    "./custom_typings/**/*.d.ts",
    "./node_modules/@types/**/*.d.ts"
],
"atom": {
    "rewriteTsconfig": false
}
}

「fs」はコアノードモジュールであり、インポートステートメントの構文は少しずれていると思います。試してみてください：

import * as fs from "fs";

必要なのは、tsconfig.jsonで「moduleResolution」を「node」に設定することだけです。

{
  "compilerOptions": {
      ...
      "moduleResolution": "node"
      ...
  }
}

実行する

npm install @types/node --save-dev

これで、標準のTypeScriptインポートを使用できます。

import * as fs from "fs";

tsconfig.json（ここでは：ノード11+）には3つのオプションがあります。ドキュメントを参照してください：

いずれかspecifiy両方typeRootsとtypes、のみtypeRootsまたは削除完全に両ライン（推奨）。

{"compilerOptions": {
  ...
  "typeRoots": ["node_modules/@types"],  // "typeRoots": [] -> won't work
  "types": ["node"]                      // "types": [] -> won't work
}}

インストールの種類：

npm install --save-dev @types/node

promiseベースのファイルシステムを使用する（たとえば、async / awaitを使用する）：

import {promises as fs} from 'fs';

async function foo() {
    ...
    await fs.writeFile('./yourPath', 'YourContent');
}

Typescriptは規則に基づいてモジュールを認識しています。詳細については、モジュールの解像度を確認してください。

また、IDEがfsモジュールについて知るには、ノードの型を指定する必要があります。

このgithubの問題も確認してください