js 'Typen' können nur in einer .ts-Datei verwendet werden - Visual Studio Code mit @ ts-check

Ich beginne mit der Verwendung von TypeScript in einem Knotenprojekt, an dem ich in Visual Studio Code arbeite. Ich wollte die "Opt-In" -Strategie verfolgen, ähnlich wie Flow. Deshalb habe ich // @ts-checkoben in meine .jsDatei gesetzt, in der Hoffnung, TS für diese Datei zu aktivieren. Letztendlich möchte ich die gleiche Erfahrung mit "Flusen" wie Flow, daher habe ich das Plugin TSLint installiert, damit ich Intellisense-Warnungen / Fehler sehen kann.

Aber mit meiner Datei, die aussieht wie:

// @ts-check

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

und meine tsconfig.jsonDatei sieht aus wie ...

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

Ich erhalte diesen Fehler: [js] 'types' can only be used in a .ts file.wie unten im Bild gezeigt.

Ich habe diese Frage gesehen, die empfohlen hat, die Javascript-Validierung in vscode zu deaktivieren, aber dann werden mir keine TypeScript Intellisense-Informationen angezeigt .

Ich habe versucht tslint.jsEnable, truein meinen vscode-Einstellungen Einstellungen vorzunehmen, wie in den TSLint-Erweiterungsdokumenten erwähnt, aber dort kein Glück.

Was ist das richtige Setup, um .jsDateien mit TypeScript zu verwenden und Intellisense zu erhalten, damit ich die Fehler in meinem Code kenne, bevor ich TS-Befehle ausführe?

Ich verwende @flow mit vscode, hatte aber das gleiche Problem.

Ich habe es mit folgenden Schritten gelöst:

1. Installieren Sie die Erweiterung Flow Language Support
2. Deaktivieren Sie die integrierte TypeScript-Erweiterung:

So deaktivieren Sie das integrierte TypeScript:

1. Gehen Sie zur Registerkarte Erweiterungen
2. Suchen Sie nach @builtin TypeScript- und JavaScript-Sprachfunktionen
3. Klicken Sie auf Deaktivieren

Verwendung "javascript.validate.enable": falsein Ihren VS-Code-Einstellungen. ESLINT wird nicht deaktiviert. Ich benutze sowohl ESLINT als auch Flow. Folgen Sie einfach den Anweisungen Flow For Vs Code Setup

Hinzufügen dieser Zeile in settings.json. Hilft "javascript.validate.enable": false

Sie müssen eine .tsDatei verwenden - z. B. test.tsum eine Typoskriptvalidierung , eine Intelligenz typing von Variablen, Rückgabetypen sowie eine "typisierte" Fehlerprüfung zu erhalten (z. B. um eine stringan eine Methode zu übergeben, die erwartet, dass ein numberParameter ausfällt).

Es wird in (Standard) .js übertsc transpiliert .

Update (11/2018):

Klarstellung erforderlich aufgrund von Abstimmungen, sehr hilfreichen Kommentaren und anderen Antworten.

types

• Ja, Sie können typeVS-Code in .jsDateien mit @ts-check- wie in der Animation gezeigt - einchecken

• Was ich ursprünglich für Typescript bezeichnet habe, types ist so etwas, in .tsdem es nicht ganz dasselbe ist:

  hello-world.ts

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

  Dies wird nicht kompiliert. Error: Type "1" is not assignable to String

• Wenn Sie diese Syntax in einer Javascript- hello-world.js Datei ausprobiert haben :

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

  Die von OP referenzierte Fehlermeldung wird angezeigt: [js] 'types' can only be used in a .ts file

Wenn ich etwas verpasst habe, das dies sowie den Kontext des OP abdeckt, fügen Sie bitte hinzu. Lass uns alle lernen.

Für alle, die hier landen und alle anderen Lösungen haben nicht funktioniert, probieren Sie es aus. Ich verwende Typoskript + Reagieren und mein Problem war, dass ich die Dateien in vscode zugeordnet habe, da dies javascriptreactnicht der Fall ist. typescriptreactÜberprüfen Sie Ihre Einstellungen auf die folgenden Einträge.

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