Advertencia de decoradores experimentales en compilación de TypeScript

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

Este error también ocurre cuando elige la carpeta "src" para la carpeta del espacio de trabajo.

Cuando se elige la carpeta raíz, la carpeta donde se encuentran "src", "node_modules", el error desaparece

Tengo que añadir typescript.tsdk a mi .vscode/settings.json:

"typescript.tsdk": "node_modules/typescript/lib"

Dentro de tu proyecto crea el archivo tsconfig.json, luego agregue estas líneas

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

Abra el archivo settings.json en la siguiente ubicación <project_folder>/.vscode/settings.json

O puede abrir el archivo desde el menú como se menciona a continuación

VSCode -> File -> Preferences -> Workspace Settings

Luego agregue las siguientes líneas en el archivo settings.json

{
    "typescript.tsdk": "node_modules/typescript/lib",
    "enable_typescript_language_service": false
}

Eso es todo. No verá ninguna advertencia / error con respecto a 'experimentalDecorators '

Esta respuesta está destinada a personas que están usando un proyecto Javascript y no un proyecto Typescript. En lugar de un tsconfig.archivo json puede usar un jsconfig.archivo json.

En el caso particular de tener los decoradores advirtiendo que wan escribir dentro del archivo:

{
    "compilerOptions": {
        "experimentalDecorators": true
    }
}

Para los comportamientos defectuosos solicitados, siempre es mejor especificar el "include" en el archivo de configuración, y reiniciar el editor. Por ejemplo,

{
    "compilerOptions": {
        "target": "ES6",
        "experimentalDecorators": true
    },
    "include": [
        "app/**/*"
    ],
    "exclude": [
        "node_modules"
    ]
}

"javascript.implicitProjectConfig.experimentalDecorators": true

Resolverá este problema.

No para explicar el punto, pero asegúrese de agregar lo siguiente a

• Configuración del espacio de trabajo no Configuración del usuario

En Archivo > > Preferencias > > Configuración

"javascript.implicitProjectConfig.Experimentaldecoradores": verdadero

Esto solucionó el problema para mí, y probé bastantes sugerencias que encontré aquí y en otros lugares.

Por el bien de la claridad y la estupidez.

1) Abierto .vscode/configuración.json.

2) Añadir "typescript.tsdk":" node_modules/typescript/lib " en él.

3) Guárdelo.

4) Reinicie el Código de Visual Studio.

Agregue las siguientes líneas en tsconfig.json y reiniciar VS Código.

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

Corregí la advertencia eliminando "baseUrl": "", del tsconfig.json file

Abra toda la carpeta del proyecto en lugar de project-name/src

Tsconfig.json está fuera de la carpeta src

Si está trabajando en Visual studio. Puede probar esta solución

1. Descarga tu proyecto desde visual studio
2. Vaya al directorio principal de su proyecto y Abra el archivo "csproj".

3. Agregue TypeScriptExperimentalDecorators a esta sección como se muestra en la imagen

   

   1. Vuelva a cargar el proyecto en Visual studio.

Ver más detalles en esta ubicación.

1. Abra VSCode.
2. Presione ctrl + coma
3. Siga las instrucciones en la captura de pantalla
   1. Buscar acerca de Experimentaldecoradores
   2. Edítalo

Podría tener este problema si abre un archivo TS que existe fuera del proyecto. Por ejemplo, estoy usando lerna y tenía un archivo abierto desde otro paquete. Aunque ese otro paquete tenía su propio tsconfig con decoradores experimentales, VSCode no lo honra.

Me enfrenté al mismo problema al crear un Servicios inyectables en Angular 2. Tengo todas las cosas en el lugar en tsconfig.json .Todavía estaba recibiendo este error en la línea ColorsImmutable.

@Injectable()
export class ColorsImmutable {

Y fix era registrar el Servicio a Nivel de módulo o Componente usando la matriz de proveedores.

providers:[ColorsImmutable ],

He añadido esta opción a tsconfig.json, "baseUrl": "front-end" Reemplace el front-end con el nombre de su proyecto angular-cli.

Si está usando cli para compilar *.archivos ts, puede configurar experimentalDecorators usando el siguiente comando:

 tsc filename.ts --experimentalDecorators "true"

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 (ubicado en la carpeta del proyecto) no estará en el ámbito, y VS no reconocerá los parámetros de los decoradores experimentales.

En mi caso esto solucionó todos los problemas relacionados con este problema.

Tuve este problema recientemente en Visual Studio 2017 - resultó que fue causado por una "característica" de VS - ignorando tsconfig.json cuando la acción de compilación no está establecida en Content .

Así que cambiar la acción de compilación a Contenido y recargar la solución resolvió el problema.