js 'types' można używać tylko w pliku .ts - Visual Studio Code przy użyciu @ ts-check

Zaczynam używać TypeScript w projekcie Node, nad którym pracuję w Visual Studio Code. Chciałem zastosować strategię „opt-in”, podobnie jak w przypadku Flow. Dlatego umieszczam // @ts-checkna początku mojego .jspliku w nadziei, że włączę TS dla tego pliku. Ostatecznie chcę mieć takie same wrażenia z „lintingu” jak Flow, dlatego zainstalowałem wtyczkę TSLint, aby zobaczyć ostrzeżenia / błędy Intellisense.

Ale z moim plikiem wyglądającym tak:

// @ts-check

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

a mój tsconfig.jsonplik wygląda jak ...

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

Otrzymuję ten błąd: [js] 'types' can only be used in a .ts file.jak pokazano poniżej na obrazku.

Widziałem to pytanie, które zalecało wyłączenie walidacji javascript w vscode, ale wtedy nie pokazuje mi żadnych informacji TypeScript Intellisense.

Próbowałem ustawienie tslint.jsEnablesię truew moich ustawieniach vscode jak wspomniano w TSLint docs przedłużających ale bez powodzenia tam.

Jaka jest prawidłowa konfiguracja, aby używać .jsplików z TypeScript i pobierać Intellisense, aby wiedzieć, jakie są błędy w moim kodzie, zanim uruchomię jakiekolwiek polecenia TS?

Używam @flow z vscode, ale miałem ten sam problem.

Rozwiązałem to w ten sposób:

1. zainstaluj rozszerzenie Flow Language Support
2. wyłącz wbudowane rozszerzenie TypeScript:

Jak wyłączyć wbudowany TypeScript:

1. przejdź do zakładki rozszerzenia
2. wyszukaj funkcje języka @builtin TypeScript i JavaScript
3. kliknij Wyłącz

Użyj "javascript.validate.enable": falsew ustawieniach VS Code, nie wyłącza ESLINT. Używam zarówno ESLINT, jak i Flow. Wystarczy postępować zgodnie z instrukcjami Flow For Vs Code Setup

Dodanie tego wiersza w settings.json. Pomaga "javascript.validate.enable": false

Musisz użyć .tspliku - np. test.tsAby uzyskać walidację Typescript , intelisensetyping of vars, typy zwracane, a także sprawdzanie "wpisanych" błędów (np. Przekazanie a stringdo metody, która oczekuje numberparametru, spowoduje błąd).

Zostanie przeniesiony do (standard) .js za pośrednictwemtsc .

Aktualizacja (11/2018):

Potrzebne jest wyjaśnienie na podstawie głosów przeciw, bardzo pomocnych komentarzy i innych odpowiedzi.

types

• Tak, możesz typesprawdzać VS Code w .jsplikach za pomocą @ts-check- jak pokazano na animacji

• To, do czego pierwotnie odnosiłem się w przypadku maszynopisu,types to coś takiego, .tsco nie jest tym samym:

  hello-world.ts

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

  To się nie skompiluje. Error: Type "1" is not assignable to String

• jeśli wypróbowałeś tę składnię w pliku Javascript hello-world.js :

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

  Wyświetlany jest komunikat o błędzie, do którego odwołuje się OP: [js] 'types' can only be used in a .ts file

Jeśli jest coś, co przegapiłem, co obejmuje to, a także kontekst PO, dodaj. Nauczmy się wszyscy.

Dla każdego, kto tu wyląduje, a wszystkie inne rozwiązania nie zadziałały, spróbuj. Używam TypeScript + React i moim problemem było to, że kojarzyłem pliki w vscode, ponieważ javascriptreactnie, typescriptreactwięc sprawdź ustawienia dla następujących wpisów.

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