js 'type' можна використовувати лише у файлі .ts - Visual Studio Code за допомогою @ ts-check

Я починаю використовувати TypeScript в проекті Node, над яким працюю в коді Visual Studio. Я хотів дотримуватися стратегії "відмови", подібної до Flow. Тому я розміщую // @ts-checkвгорі свого .jsфайлу з надією включити TS для цього файлу. Зрештою, я хочу той же досвід "зв'язування", що і Flow, тому я встановив плагін 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.як показано нижче на зображенні.

Я побачив це запитання, яке рекомендувало вимкнути перевірку JavaScript у vscode, але тоді це не показує мені ніякої інформації про TypeScript Intellisense.

Я спробував встановити , tslint.jsEnableщоб trueв моїх настройках vscode , як зазначено в документації розширення TSLint , але не пощастило там.

Яка правильна настройка для використання .jsфайлів з TypeScript та отримання Intellisense, щоб я знав, які помилки в моєму коді, перш ніж запускати будь-які команди TS?

Я використовую @flow з vscode, але була така ж проблема.

Я вирішив це за допомогою цих кроків:

1. встановити розширення Support Language Flow
2. вимкнути вбудоване розширення TypeScript:

Як відключити вбудований TypeScript:

1. перейти на вкладку розширень
2. пошук функцій @builtin TypeScript та JavaScript
3. натисніть кнопку Вимкнути

Використовуйте "javascript.validate.enable": falseу своїх настройках коду VS, це не відключає ESLINT. Я використовую ESLINT та Flow. Просто дотримуйтесь вказівок налаштування коду проти Vs

Додавання цього рядка в settings.json. Допомагає "javascript.validate.enable": false

Ви повинні використовувати .tsфайл - наприклад, test.tsщоб отримати перевірку Typescript, інтелігенцію typing vars, типи повернення, а також перевірку помилок "набрали" (наприклад, передача stringa методу, який очікує, що numberпарам помилиться).

Це буде перетворено на (стандартне) .js черезtsc .

Оновлення (11/2018):

Необхідне уточнення, засноване на голосуваннях, дуже корисних коментарях та інших відповідях.

types

• Так, ви можете typeперевірити код VS у .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);
  }

  Показано повідомлення про помилку, на яке посилається ОП: [js] 'types' can only be used in a .ts file

Якщо я пропустив щось, що охоплює це, а також контекст ОП, будь ласка, додайте. Давайте всі дізнаємось.

Для всіх, хто приземлився тут, і всі інші рішення не спрацювали, спробуйте це. Я використовую typecript + react, і моя проблема полягала в тому, що я асоціював файли в vscode, оскільки javascriptreactне typescriptreactтак перевіряв ваші налаштування щодо наступних записів.

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