VSCode: ¿Es posible suprimir las advertencias del decorador experimental

VSC está mirando por defecto su propia biblioteca y definición de TS. Si está utilizando una versión diferente (lo cual es muy probable), debe apuntar a VSC para buscar la definición de esa versión.

En mi archivo settings.json, tengo la siguiente configuración:

// Place your settings in this file to overwrite default and user settings.
{
    "typescript.tsdk": "node_modules\\typescript\\lib"

}

Creo que puede configurar esto para su Configuración de Usuario o la Configuración de su espacio de trabajo. Por lo tanto, puede realizar una configuración de una sola vez en la Configuración de usuario o solo para un proyecto/espacio de trabajo. Esto funciona si tiene instalado typescript localmente en la carpeta especificada, que creo que es la carpeta predeterminada del módulo de nodos.

Para editar su configuración vaya a File/Preferences/User Setting o File/Preference/Workspace Settings.

ACTUALIZACIÓN: Visual Studio Code acaba de lanzar una nueva versión con mejor soporte para diferentes versiones de typescript. Échale un vistazo aquí: https://code.visualstudio.com/updates#_languages

Podría hacerlo de la manera difícil eliminando las líneas que crean el error en %code%\resources\app\plugins\vs.language.typescript\lib\tsserver.lib.

Busque el siguiente código y elimínelo

            if (!compilerOptions.experimentalDecorators) {
              error(node, ts.Diagnostics.Experimental_support_for_decorators_is_a_feature_that_is_subject_to_change_in_a_future_release_Specify_experimentalDecorators_to_remove_this_warning);
            }

Tengo que agregar lo siguiente en la configuración.archivo json de vscode para eliminar la advertencia.

"javascript.implicitProjectConfig.experimentalDecorators": true

VSCode -> Preferencias - > Configuración

Luchando con esto a través de dos diferentes proyectos de la versión final de Angular 2, esta es mi solución.

Tsconfig.json en el pliegue src.

{
    "compilerOptions": {

        "experimentalDecorators": true

    }
} 

Y

Agregue esta configuración a Archivo->Preferencias - > Configuración del usuario

"typescript.tsdk": "node_modules\\typescript\\lib"

Puede usar "typescript.tsdk" en setting.json para cambiar la ruta de carpeta específica que contiene tsserver.js y lib.archivos ts utilizados por VSCode.

Vea este ejemplo: ¿Puedo usar una ruta relativa para configurar typescript sdk?

Nota: Se encuentra setting.json en Archivo > Preferencias > Configuración del usuario.

Como señalaron otras respuestas, el código de Visual Studio necesita encontrar el archivo tsconfig.json.

Yo tenía el mismo problema. Y es sobre todo porque no me di cuenta de la estructura del proyecto.

(Sugerencia: Lea el texto de arriba a abajo en la imagen de abajo).

1. Había confundido el tsconfig.json con el tsconfig.app.json.
2. Y había abierto la carpeta equivocada en Visual Studio. Como resultado, el tsconfig.json no estaba en el alcance.

Simplemente abrir la carpeta raíz derecha (es decir, la carpeta del proyecto, un nivel más alto que src.) resuelto el problema para mí.

En Visual studio code 1.3.1 mi corrección está en C:\Program Archivos (x86)\Microsoft VS Code\resources\app\extensions\typescript\server\typescript\lib \ tsserver.js y comentar o eliminar la línea.

if (!compilerOptions.experimentalDecorators) {
     error(node, ts.Diagnostics.Experimental_support_for_decorators_is_a_feature_that_is_subject_to_change_in_a_future_release_Specify_experimentalDecorators_to_remove_this_warning);
}

Si usa Grunt (grunt-ts), también debe agregar "experimentalDecorators: true" como opción en el archivo gruntfile.js .

Su archivo debería verse algo como esto al final:

module.exports = function(grunt) {
  grunt.initConfig({
    ts: {
      default : {
        src: ["**/*.ts", "!node_modules/**"]
      },
      options: {
        experimentalDecorators: true
      }
    }
  });
  grunt.loadNpmTasks("grunt-ts");
  grunt.registerTask("default", ["ts"]);
};

Para obtener más información, puede leer la documentación en github https://github.com/TypeStrong/grunt-ts#experimentaldecorators

Esto me ayudó con los archivos de React JS (VSCode Versión 1.9.1).

1) Poner en tsconfig.json:

{
    "compilerOptions": {
        "experimentalDecorators": true,
        "allowJs": true
    }
}

2) Reiniciar VS Código.

Nota: como Tim mencionó a continuación, debe agregar tsconfig.json incluso si no usa TypeScript.

Fuente: https://ihatetomatoes.net/how-to-remove-experimentaldecorators-warning-in-vscode/

Estaba teniendo el mismo error que lo averiguo, ya que este era el nombre de la extensión de archivo de componente como .js debería serlo .ts

Incluso al abrir VSCode en el nivel correcto dentro de su proyecto, aún puede necesitar un archivo tsconfig adicional en su raíz. Ahora tengo un tsconfig en la raíz de mi proyecto (que solo contiene el índice y las carpetas de php), la carpeta ts (clases heredadas de typescript) y mi carpeta src (componentes de vue).

No olvide cerrar la carpeta y reiniciar VSCode.

Compruebe que ha abierto en su Código VS la carpeta de todo el proyecto y no solo la carpeta src, porque si abre solo el src, entonces ts.config.el archivo json no estará en el ámbito, y VS no reconocerá los parámetros de los decoradores experimentales.

En mi caso esto solucionó todo el problema