js 'types'は.tsファイルでのみ使用できます-@ ts-checkを使用したVisual Studio Code

Visual Studio Codeで作業しているNodeプロジェクトでTypeScriptを使い始めました。Flowと同様の「オプトイン」戦略に従いたいと思っていました。したがって、そのファイルのTSを有効にするため// @ts-checkに、.jsファイルの先頭に配置します。最終的には、フローと同じ「linting」のエクスペリエンスが必要なので、Intellisenseの警告/エラーが表示されるようにプラグインTSLintをインストールしました。

しかし、私のファイルは次のようになります：

// @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の検証を無効にすることをお勧めしますが、任意の活字体インテリセンス情報を。

TSLint拡張ドキュメントに記載されているように、vscode設定でに設定しようとtslint.jsEnableしtrueましたが、うまくいきませんでした。

.jsTypeScriptでファイルを使用してIntellisenseを取得するための正しい設定は何ですか？TSコマンドを実行する前に、コードのエラーを確認できますか？

vsflowで@flow を使用していますが、同じ問題がありました。

私はこの手順でそれを解決しました：

1. 拡張言語サポートのインストール
2. 組み込みのTypeScript拡張機能を無効にします。

組み込みのTypeScriptを無効にする方法：

1. 行く拡張タブ
2. @builtin TypeScriptおよびJavaScript言語機能を検索
3. [ 無効にする ]をクリックします

"javascript.validate.enable": falseあなたのVSコード設定で使用してください、それはESLINTを無効にしません。ESLINTとFlowの両方を使用しています。Vs Code Setupのフローに従ってください。

この行をsettings.jsonに追加します。ヘルプ "javascript.validate.enable": false

Typescriptの検証、 varのインテリセンス、戻り値の型、および「型付き」のエラーチェック（たとえば、param を期待するメソッドにを渡すとエラーになる）を取得するには、.tsファイルを使用する必要があります。test.ts typingstringnumber

.js 経由でtsc（標準）に変換されます。

アップデート（2018年11月）：

反対票、非常に役立つコメント、その他の回答に基づいて説明が必要です。

types

• はい、あなたはtypeVS Codeを.jsファイルでチェックインすることができます@ts-check-アニメーションに示すように

• 私が最初にTypescript について言及していたのtypesは、次のような.tsもので、まったく同じものではありません。

  hello-world.ts

  function hello(str: string): string {
    return 1;
  }
  
  function foo(str:string):void{
     console.log(str);
  }

  これはコンパイルされません。 Error: Type "1" is not assignable to String

• この構文をJavascript hello-world.jsファイルで試した場合：

  //@ts-check
  
  function hello(str: string): string {
    return 1;
  }
  
  function foo(str:string):void{
     console.log(str);
  }

  OPが参照するエラーメッセージが表示されます。 [js] 'types' can only be used in a .ts file

これとOPのコンテキストをカバーする見逃したものがある場合は、追加してください。みんなで学びましょう。

ここに着陸して他のすべての解決策がうまくいかなかった人は、これを試してみてください。typescript + reactを使用していますが、vscodeでファイルを関連付けてjavascriptreactいないtypescriptreactので、次のエントリの設定を確認してください。

   "files.associations": {
    "*.tsx": "typescriptreact",
    "*.ts": "typescriptreact"
  },