まくろぐ

TypeScript: モジュールのインポートには require でなく import を使う

更新:
作成:

TypeScript は JavaScript コードと互換性があるため、モジュールをインポートするときに import ではなく、JavaScript 標準の require を使ってもインポートできてしまいます。

しかし、require を使うと、TypeScript の型情報が認識されず、VSCode などの IDE 上でも補完が効きません。

よい例: 型が認識される
import { QnAMaker } from 'botbuilder-ai';
悪い例: 型が認識されない
const { QnAMaker } = require('botbuilder-ai');

前者のように、import キーワードを使ってインポートしておけば、TypeScript のコード内で QnAMaker という型情報を使ってコーディングできるようになります。

class Faq {
    qnaMaker: QnAMaker;  // プロパティの定義
    // ...
}
まくろぐ
サイトマップまくへのメッセージ