Avvertimento di decoratori sperimentali nella compilazione di TypeScript

Ricevo l'avviso ...

Il supporto sperimentale per i decoratori è una funzionalità soggetta a modifiche in una versione futura. Impostare l'opzione 'sperimentaleDecoratori' per rimuovere questo avviso.

... anche se il mio compilerOptions in tsconfig.json ha le seguenti impostazioni:

"emitDecoratorMetadata": true,
"experimentalDecorators": true,

Ciò che è strano è che alcune classi casuali che usano decoratori non mostrano quell'avvertimento, ma il resto nello stesso progetto lo fa.

Cosa potrebbe causare tale comportamento nel compilatore TypeScript?

Sebbene VS Code sia un ottimo editor per progetti TypeScript, ha bisogno di un calcio ogni tanto. Spesso, senza preavviso, alcuni file lo fanno impazzire e lamentarsi. Principalmente la correzione sembra essere quella di salvare e chiudere tutti i file aperti, quindi aprire tsconfig.json. Dopodiché dovresti essere in grado di riaprire il file offensivo senza errori. Se non funziona, schiumare, risciacquare e ripetere.

Se si tsconfig.jsonspecificano i file di origine utilizzando l' filesarray, IntelliSense funzionerà correttamente solo se si fa riferimento al file in questione in modo tale che VS Code possa trovarlo attraversando l'albero dei file di input.

Modifica: il comando 'ricarica finestra' (aggiunto anni fa ora) dovrebbe risolvere questo problema una volta per tutte.

Devo aggiungere quanto segue nel file settings.json di vscode per rimuovere l'avviso.

"javascript.implicitProjectConfig.experimentalDecorators": true

VSCode -> Preferenze -> Impostazioni

Questo errore si verifica anche quando si sceglie la cartella "src" per la cartella dell'area di lavoro.

Quando viene scelta la cartella principale, la cartella in cui si trovano "src", "node_modules", l'errore scompare

File -> Preferenze -> Impostazioni

all'interno del progetto creare il file tsconfig.json, quindi aggiungere queste righe

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

devo aggiungere typescript.tsdkal mio .vscode/settings.json:

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

In VSCode, vai su File => Preferenze => Impostazioni (o Control + virgola) e si aprirà il file delle Impostazioni utente. Cerca "javascript.implicitProjectConfig.experimentalDecorators": true e quindi selezionare la casella di controllo sperimentaleDecorator nel file e dovrebbe risolverlo. Lo ha fatto per me.

In Visual Code Studio Vai a File >> Preferenze >> Impostazioni, Cerca "decoratore" nel campo di ricerca e Controlla l'opzione come nell'immagine.

Apri il settings.jsonfile nel seguente percorso<project_folder>/.vscode/settings.json

oppure puoi aprire il file dal menu come indicato di seguito

VSCode -> File -> Preferences -> Workspace Settings

Quindi aggiungere le seguenti righe nel settings.jsonfile

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

È tutto. Non verrà visualizzato alcun avviso / errore relativo a " sperimentaleDecoratori "

Questa risposta è pensata per le persone che stanno usando un progetto Javascript e non un Typescript . Invece di un file tsconfig.json è possibile utilizzare un file jsconfig.json .

Nel caso particolare in cui i decoratori avvertono di voler scrivere all'interno del file:

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

Per quanto richiesto dai comportamenti buggy, è sempre meglio specificare "include" nel file di configurazione e riavviare l'editor. Per esempio

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

"javascript.implicitProjectConfig.experimentalDecorators": true

Risolverà questo problema.

Aggiungi le seguenti righe in tsconfig.json e riavvia VS Code.

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

Non per confermare il punto, ma assicurati di aggiungere quanto segue

• Impostazioni dell'area di lavoro non Impostazioni utente

in File >> Preferenze >> Impostazioni

"javascript.implicitProjectConfig.experimentalDecorators": true

questo risolto il problema per me, e ho provato alcuni suggerimenti che ho trovato qui e in altri luoghi.

Di recente ho riscontrato questo problema con Visual Studio 2017 - si è scoperto che era causato da una "caratteristica" di VS - ignorando tsconfig.json quando l'azione di compilazione non è impostata su Contenuto .

Quindi la modifica dell'azione Build in Content e il ricaricamento della soluzione hanno risolto il problema.

Per motivi di chiarezza e stupidità.

1) Apri .vscode / settings.json.

2) Aggiungi "typescript.tsdk": "node_modules / typescript / lib" su di esso.

3) Salvalo.

4) Riavvia il codice di Visual Studio.

Se lavori in Visual Studio. Puoi provare questa correzione

1. Scarica il tuo progetto da Visual Studio
2. Vai alla home directory del tuo progetto e apri il file "csproj".

3. Aggiungi TypeScriptExperimentalDecorators a questa sezione come mostrato nell'immagine

   

   4. Ricarica il progetto in Visual Studio.

vedere maggiori dettagli in questa posizione.

Se stai usando cli per compilare file * .ts, puoi impostare sperimentaliDecoratori usando il seguente comando:

 tsc filename.ts --experimentalDecorators "true"

Per favore controlla di aver opposto nel tuo codice VS la cartella dell'intero progetto e non solo la cartella src, perché se apri solo lo src, il file ts.config.json (che si trova nella cartella del progetto) non sarà nell'ambito, e VS non riconoscerà i parametri sperimentali dei decoratori.

Nel mio caso, ciò ha risolto tutti i problemi relativi a questo problema.

1. Apri VScode.
2. Premi ctrl + virgola
3. Seguire le indicazioni nella schermata
   1. Cerca sperimentaleDecorators
   2. Modificalo

Apri l'intera cartella del progetto invece di project-name / src

tsconfig.json è fuori dalla cartella src

Ho corretto l'avviso rimuovendo "baseUrl": "", dal file tsconfig.json

È possibile riscontrare questo problema se si apre un file TS esistente al di fuori del progetto. Ad esempio, sto usando lerna e ho aperto un file da un altro pacchetto. Sebbene quell'altro pacchetto avesse il proprio tsconfig con decoratori sperimentali, VsCode non lo onora.

Ho riscontrato lo stesso problema durante la creazione di Injectable Services in Angular 2. Ho tutto a posto in tsconfig.json. Ancora ho riscontrato questo errore nella linea ColorsImmutable.

@Injectable()
export class ColorsImmutable {

E la correzione consisteva nel registrare il servizio a livello di modulo o a livello di componente usando l'array provider.

providers:[ColorsImmutable ],

Se si utilizza il runtime Deno JavaScript e TypeScript e si abilitano sperimentaleDecorators: true in tsconfig.json o nelle impostazioni ide VSCode. Non funzionerà. Secondo il requisito Deno, è necessario fornire tsconfig come flag quando si esegue un file Deno. Vedi Opzioni del compilatore TypeScript personalizzato

Nel mio caso particolare stavo eseguendo un test Deno e usato.

$ deno test -c tsconfig.json

Se è un file, hai qualcosa del genere

 $ deno run -c tsconfig.json mod.ts

il mio tsconfig.json

{
  "compilerOptions": {
    "allowJs": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "module": "esnext"
  }
}

Ho aggiunto questa opzione a tsconfig.json, "baseUrl": "front-end"Sostituisci front-end con il nome del tuo progetto angular-cli.

Puoi anche provare con ng build. Ho appena ricostruito l'app e ora non è conforme.

Quindi si scopre che puoi aggirare questo abbinando il nome del tuo modulo al nome del file. Se hai il nome del modulo BankSpecialtyModule, il nome del file dovrebbe essere. banca-specialty.module.ts

Ho riscontrato questo errore quando ho creato un nuovo modulo e spostato il mio file * .module.ts e * -routing.module.ts in un'altra cartella. Dopo aver eliminato i due file e creato il modulo nella nuova cartella, funziona perfettamente. Environment Angular Version 9 e Angular CLI versione 9.1.0

Per me, questo errore "Il supporto sperimentale per i decoratori è una funzionalità soggetta a modifiche in una versione futura. (Ecc.)" Si è verificato solo in VS Code in un progetto angolare e solo durante la creazione di un nuovo servizio.

La soluzione sopra: "In Visual Code Studio Vai a File >> Preferenze >> Impostazioni, Cerca" decoratore "nel campo di ricerca e Verifica dell'opzione JavaScript› Configura implicita del progetto: Decoratori sperimentali "ha risolto il problema.

Inoltre, arrestando il servizio ng nella finestra del terminale e riavviandolo, l'errore scompare dopo la ricompilazione.