TypeScriptコンパイルでの実験的なデコレータ警告

警告が表示されます...

デコレータの実験的なサポートは、将来のリリースで変更される可能性がある機能です。この警告を削除するには、「experimentalDecorators」オプションを設定します。

... tsconfig.jsonのcompilerOptionsには次の設定がありますが：

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

奇妙なのは、デコレータを使用する一部のランダムクラスはその警告を表示しないが、同じプロジェクトの残りのクラスは表示することです。

TypeScriptコンパイラでこのような動作を引き起こす原因は何ですか？

VS CodeはTypeScriptプロジェクトの優れたエディターですが、時々キックが必要です。多くの場合、警告なしに、特定のファイルが原因で異常な状態になり、不平を言います。ほとんどの場合、修正は、開いてtsconfig.jsonいるすべてのファイルを保存して閉じてから開くことです。その後、問題のあるファイルをエラーなしで再び開くことができるはずです。うまくいかない場合は、泡立て、すすぎ、繰り返します。

tsconfig.jsonがfiles配列を使用してソースファイルを指定した場合、IntelliSenseは、問題のファイルが参照されていて、VS Codeが入力ファイルツリーをトラバースしてファイルを見つけられる場合にのみ、正しく機能します。

編集：「ウィンドウの再読み込み」コマンド（今から何年も前に追加されました）は、この問題を一度に解決するはずです。

警告を削除するには、vscodeのsettings.jsonファイルに以下を追加します。

"javascript.implicitProjectConfig.experimentalDecorators": true

VSCode->設定->設定

このエラーは、ワークスペースフォルダーに「src」フォルダーを選択した場合にも発生します。

ルートフォルダ、「src」、「node_modules」が配置されているフォルダを選択すると、エラーが消える

ファイル->設定->設定

プロジェクト内にファイルtsconfig.jsonを作成し、この行を追加します

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

typescript.tsdk私に追加する必要があります.vscode/settings.json：

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

VSCodeで、ファイル=>設定=>設定（またはControl + comma）に移動すると、ユーザー設定ファイルが開きます。「javascript.implicitProjectConfig.experimentalDecorators」：trueを検索し、ファイルのexperimentalDecoratorsのチェックボックスをオンにすると、ファイルが修正されます。それは私のためにした。

Visual Code Studioで、[ファイル] >> [設定] >> [設定]に移動し、検索フィールドで「デコレータ」を検索し、画像のようにオプションを確認します。

settings.json次の場所にあるファイルを開く<project_folder>/.vscode/settings.json

または、下記のようにメニューからファイルを開くことができます

VSCode -> File -> Preferences -> Workspace Settings

次に、次の行をsettings.jsonファイルに追加します

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

それで全部です。「experimentalDecorators」に関する警告/エラーは表示されません

この回答は、使用している人々のために意図されたJavascriptのプロジェクトではなく活字体の一つ。tsconfig.jsonファイルの代わりに、jsconfig.jsonファイルを使用できます。

ファイル内に書き込みたいデコレータに警告させる特定のケースでは：

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

尋ねられたバグのある動作を考慮して、設定ファイルに「include」を指定し、エディターを再起動することは常により良い方法です。例えば

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

"javascript.implicitProjectConfig.experimentalDecorators": true

この問題を解決します。

tsconfig.jsonに次の行を追加し、VS Codeを再起動します。

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

重要なことではありませんが、必ず以下を追加してください

• ユーザー設定ではなくワークスペース設定

ファイル>>設定>>設定

"javascript.implicitProjectConfig.experimentalDecorators"：true

これで問題が解決し、ここや他の場所で見つけたかなりの数の提案を試しました。

Visual Studio 2017で最近この問題が発生しました- ビルドアクションがContentに設定されていない場合にtsconfig.jsonを無視する VSの「機能」が原因であることが判明しました。

したがって、ビルドアクションをコンテンツに変更し、ソリューションをリロードすると問題が解決しました。

明快さと愚かさのために。

1）.vscode / settings.jsonを開きます。

2）「typescript.tsdk」：「node_modules / typescript / lib」を追加します。

3）保存します。

4）Visual Studio Codeを再起動します。

Visual Studioで作業している場合。この修正を試すことができます

1. Visual Studioからプロジェクトをアンロードする
2. プロジェクトのホームディレクトリに移動し、「csproj」ファイルを開きます。

3. 画像に示すように、このセクションにTypeScriptExperimentalDecoratorsを追加します。

   

   4. Visual Studioでプロジェクトを再読み込みします。

この場所で詳細をご覧ください。

cliを使用して* .tsファイルをコンパイルする場合は、次のコマンドを使用してexperimentalDecoratorsを設定できます。

 tsc filename.ts --experimentalDecorators "true"

VSRCで、srcフォルダーだけでなく、プロジェクト全体のフォルダーもチェックしてください。srcのみを開くと、ts.config.json（プロジェクトフォルダーにあります）ファイルはスコープに含まれません。 VSは実験的なデコレータパラメータを認識しません。

私の場合、これはこの問題に関連するすべての問題を修正しました。

1. VScodeを開きます。
2. Ctrl +カンマを押します
3. スクリーンショットの指示に従ってください
   1. 実験的な装飾に関する検索
   2. それを編集する

プロジェクト名/ srcの代わりにプロジェクト全体のフォルダーを開く

tsconfig.jsonがsrcフォルダー外にあります

tsconfig.jsonファイルから "baseUrl"： ""を削除して警告を修正しました

プロジェクトの外部に存在するTSファイルを開くと、この問題が発生する可能性があります。たとえば、lernaを使用していて、別のパッケージからファイルを開いていました。他のパッケージには実験的なデコレータを備えた独自のtsconfigがありましたが、VsCodeはそれを尊重していません。

作成中に、私は同じ問題に直面した注射用の角2にサービスを私は.Still私はColorsImmutableラインで、このエラーを得ていたtsconfig.jsonに場所ですべてのものを持っています。

@Injectable()
export class ColorsImmutable {

修正は、プロバイダー配列を使用してモジュールレベルまたはコンポーネントレベルでサービスを登録することでした。

providers:[ColorsImmutable ],

Deno JavaScriptとTypeScriptランタイムを使用していて、tsconfig.jsonまたはVSCode ide設定でexperimentalDecorators：trueを有効にしている場合。うまくいかないだろう。Denoの要件によると、Denoファイルを実行するときは、フラグとしてtsconfigを提供する必要があります。カスタムTypeScriptコンパイラオプションを参照してください

私の特定のケースでは、Denoテストを実行して使用しました。

$ deno test -c tsconfig.json

ファイルの場合、次のようなものがあります

 $ deno run -c tsconfig.json mod.ts

私のtsconfig.json

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

このオプションをtsconfig.jsonに追加しました。front "baseUrl": "front-end"-endをangular-cliプロジェクトの名前に置き換えます。

で試すこともできng buildます。アプリを再構築したところ、準拠していません。

したがって、モジュール名とファイル名を一致させることで、これを回避できることがわかります。BankSpecialtyModuleというモジュール名がある場合は、ファイル名を指定します。bank-specialty.module.ts

新しいモジュールを作成し、*。module.tsファイルと* -routing.module.tsファイルを別のフォルダーに移動したときに、このエラーが発生しました。2つのファイルを削除し、新しいフォルダーにモジュールを作成した後、完全に機能します。環境Angularバージョン9およびAngular CLIバージョン9.1.0

私にとって、このエラー「デコレータの実験的サポートは将来のリリースで変更される可能性のある機能です（など）」は、AngularプロジェクトのVSコードでのみ、新しいサービスを作成するときにのみ発生しました。

上記の解決策：「Visual Code Studioでファイル>>設定>>設定に移動し、検索フィールドで「デコレータ」を検索し、オプションJavaScriptをチェックする›暗黙的なプロジェクト構成：実験的デコレータ」で問題が解決しました。

また、ターミナルウィンドウでng serveを停止して再起動すると、再コンパイル後にエラーが表示されなくなりました。