js 'tipos' solo se pueden usar en un archivo .ts - Visual Studio Code usando @ ts-check

Estoy empezando a usar TypeScript en un proyecto de Node en el que estoy trabajando en Visual Studio Code. Quería seguir la estrategia "opt-in", similar a Flow. Por lo tanto, puse // @ts-checken la parte superior de mi .jsarchivo con la esperanza de habilitar TS para ese archivo. En última instancia, quiero la misma experiencia de "linting" que Flow, por lo tanto, instalé el complemento TSLint para poder ver las advertencias / errores de Intellisense.

Pero con mi archivo luciendo así:

// @ts-check

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

y mi tsconfig.jsonarchivo parece ...

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

Recibo este error: [js] 'types' can only be used in a .ts file.como se muestra a continuación en la imagen.

Vi esta pregunta que recomendaba deshabilitar la validación de JavaScript en vscode, pero eso no me muestra ninguna información de TypeScript Intellisense.

Intenté fijar tslint.jsEnablea trueen la configuración de mi vscode como se menciona en los documentos de extensión TSLint pero no hay suerte.

¿Cuál es la configuración correcta para usar .jsarchivos con TypeScript y obtener Intellisense para saber cuáles son los errores en mi código antes de ejecutar cualquier comando de TS?

Estoy usando @flow con vscode pero tuve el mismo problema.

Lo resolví con estos pasos:

1. instalar la extensión Flow Language Support
2. deshabilite la extensión incorporada de TypeScript:

Cómo deshabilitar TypeScript incorporado:

1. ir a la pestaña de extensiones
2. busque @builtin TypeScript y características del lenguaje JavaScript
3. haga clic en Desactivar

Úselo "javascript.validate.enable": falseen la configuración de su código VS, no deshabilita ESLINT. Utilizo tanto ESLINT como Flow. Simplemente siga las instrucciones Flow For Vs Code Setup

Añadiendo esta línea en settings.json. Ayuda "javascript.validate.enable": false

Debe usar un .tsarchivo, por ejemplo, test.tspara obtener la validación de TypeScript , intellisensetyping de vars, tipos de retorno, así como la verificación de errores "escritos" (por ejemplo, pasar un stringa un método que espera que un numberparámetro genere un error).

Se transpilará en (estándar) a .js través detsc .

Actualización (11/2018):

Se necesita una aclaración basada en votos negativos, comentarios muy útiles y otras respuestas.

types

• Sí, puede typeverificar VS Code en .jsarchivos con @ts-check, como se muestra en la animación

• Lo que originalmente me refería para Typecript types es algo como esto en el .tsque no es exactamente lo mismo:

  hello-world.ts

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

  Esto no se compilará. Error: Type "1" is not assignable to String

• si probó esta sintaxis en un archivo Javascript hello-world.js :

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

  Se muestra el mensaje de error al que hace referencia OP: [js] 'types' can only be used in a .ts file

Si hay algo que me perdí que cubra esto así como el contexto del OP, por favor agregue. Aprendamos todos.

Para cualquiera que aterrice aquí y todas las otras soluciones no funcionaron, pruebe esto. Estoy usando mecanografiado + reacciono y mi problema era que yo era asociar los archivos de vscode como javascriptreactno typescriptreacta fin de comprobar la configuración de las siguientes entradas.

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