1. ホーム
  2. javascript

[解決済み】js 'types' は .ts ファイルでのみ使用可能 - Visual Studio Code で @ts-check を使用した場合

2022-02-21 19:23:23

質問

Visual Studio Codeで作業しているNodeプロジェクトでTypeScriptを使い始めているところです。Flowと同様に、opt-in"ストラテジーに従いたいと考えています。そのため、私は // @ts-check の一番上にある .js ファイルを作成し、そのファイルのTSを有効にすることを希望します。最終的に私はFlowと同じように"linting"の経験をしたいので、プラグインをインストールしました。 TSLint Intellisenseの警告やエラーを見ることができるようになりました。

しかし、私のファイルがこのような状態だと

// @ts-check

module.exports = {
  someMethod: (param: string): string => {
    return param;
  },
};

と私の tsconfig.json ファイルは次のようになります。

{
  "compilerOptions": {
      "target": "es2016",
      "module": "commonjs",
      "allowJs": true
  }
}

こんなエラーが出るんです。 [js] 'types' can only be used in a .ts file. のように、画像で表示されます。

私は見た この質問 vscodeでjavascriptの検証を無効にすることを推奨していますが、それだと表示されません。 任意の TypeScript Intellisenseの情報です。

を設定してみました。 tslint.jsEnable から true をTSLint拡張のドキュメントにあるようにvscode設定に追加しましたが、うまくいきませんでした。

を使用するための正しい設定は何ですか? .js このため、TSコマンドを実行する前に、自分のコードにどのようなエラーがあるのかを知ることができます。

解決方法は?

私は フロー vscodeを使用していますが、同じ問題がありました。 私は以下の手順で解決しました。

  1. 拡張機能をインストールする フロー言語サポート

  2. 内蔵のTypeScript拡張を無効にする。

    1. に移動します。 拡張機能 タブ
    2. 検索対象 TypeScriptとJavaScriptの言語機能の構築
    3. クリックすると 無効化