Angular: キャッチされないエラー：...のすべてのパラメーターを解決できません。

私のapp.component.tsがどのように見えるかを確認する必要がある場合に備えて

import { Component, OnInit } from '@angular/core';
import { TestService } from './services/test.service';

@Component({
  selector: 'tst-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  title = 'tst';
  races: Array<any>;

  constructor(private testService: TestService ) {}

  ngOnInit() {
    this.races = this.testService.list();
  }
}

ApiService @Injectable()アノテーションがありません。 このようなサポートリクエストは、GitHubではなくStackOverflowに存在する必要があります。

@benelliottヒントありがとうございます。 申し訳ありませんが、角度の問題だと思いました。 StackOverflowとインターネット全般について多くの調査を行いましたが、解決策が見つかりませんでした。それで、それは角度の問題だと思いました...それを閉じます。 ありがとう、またごめんなさい

エラー：ルーターのすべてのパラメーターを解決できません：（？、？、？、？、？、？、？、？）。

私のangular4アプリのテストでこのエラーが発生しました

私は同じ問題に直面し、解決しました
私の場合、server.service.tsファイルの@Injectableデコレータを見逃していました

Injectable（）の前に@がありませんでした。
非常に単純なシナリオでエラーが発生し、それについてWeb上で何も見つからない場合は、おそらくそれは文書化するには単純すぎる/愚かです。 今、自分で何度もそれを見つけました。

この1日後、私は必要とは思わなかったいくつかのポリフィルを
これは私が欠けていたものです：

 import 'core-js/es7/reflect';

この問題が発生する別のシナリオは、「ng build --watch」を実行してから、「ng build --prod = env」を実行すると、ビルドされたDISTファイルが破損し、エラーが発生する場合のようです。私のインスタンスは、@ Injectableに関するデータサービスのエラーでした。

したがって、「ng build --watch」を停止し、完全に停止したら、「ng build --prod = env」を実行することをお勧めします。

この問題に遭遇した人のための単なる参考までに。

これに1時間苦労した後、最後に@odolhaのおかげで、 core-js / es7 / reflectも
もう一度追加すると問題が解決します！

あなたは非常に多くのみんなありがとう...私は同じ問題を抱えていた：削除コア-JS / ES7 /反映...それは私にたくさんの@odolhaを助けたので、@ tanou73

Vueのように一般的なAngularの落とし穴を検出する実際の有用なエラーメッセージを追加することについて何か考えはありますか？

このエラーメッセージも表示されました...解決したのは、バレルを使用するのではなく、相対パスを使用して同じモジュールからサービスをインポートすることでした。

@ kabb5それはAngularによって助けられるものではありません、Angularが得ることができるのはundefined値だけであり、あなたが何をしたかを推測する方法はありません。

アプリをangular2からangular5にアップグレードすると、このエラーが発生しました。 CLIと、 package.jsonの依存関係とdevDependenciesをアップグレードすることに加えて、古い/tsconfig.jsonと/angular-cli.jsonを新しい/tsconfig.jsonに更新する必要がありました。 、 src/tsconfig.app.json 、 tsconfig.spec.json 、および/.angular-cli.jsonを呼び出してから、

rm -rf node_modules/
npm i 

@odolhaこれも私の問題でした。 私ではなく一日を過ごしてよかった（あなたの投稿を見つけるのに約20分しかかかりませんでした

ポリフィルを削除した理由は、そのポリフィルのpolyfill.tsに次のようなコメントがあるためです。
// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.

だから、私は自分のaotデプロイメントのためにいくつかの最適化を行っていて、それを取り除きました...ローカル開発（ng-serveを使用を使用していることを完全に忘れています:(

だから、ありがとうございます...

私でさえ、サービスのためにこの問題に直面しました。 私の場合、polyfill.tsにES7 / Reflectpolyfillを追加し直すと問題が解決しました。 私はそれらを誤って削除しました。

記録のために、私はこのエラーで丸一日を失いました...😭

main.tsでは、ポリフィルを最初に_絶対にロードする必要があります

import './polyfills.ts';

あなたの最初の行です。

さて、私はついにエラーをデコードしました。
コンポーネントに不明なインポートステートメントがあると、Angularアプリ全体がクラッシュすることに注意してください。そのため、メモしておいてください。
よく考えてこのエラーを解決しました。
それが役に立てば幸い
カジェタンロドリゲス

循環依存（ファイル間でエクスポートされたヘルパー構造）でも発生する可能性があります。

すべてに感謝します、私は同じ問題を抱えていました：私はそれを再び追加した後にcore-js / es7 / reflectを削除しました:)

私の場合も、ついに何が悪いのかがわかりました。
エラーが発生した場合： Can't resolve all parameters for PageApiService in .../services/pageService.ts: ([object Object], ?)

疑問符のある場所に問題があると実は言っているようです。 私の場合、URLにHttpClientと文字列が含まれていました。 最終的にプロバイダー内でそれを使用し、その文字列を提供することを期待して。 しかし、これはもう許可されていないように見えますか？

私のサービスは：

@Injectable()
export class PageApiService<T> {
    private baseUrl: string;

    constructor(private http: HttpClient, private url: string) {
        this.baseUrl = window.location.protocol + '//' + window.location.host + "/api/";
    }

次のようなモジュール内での使用：

    providers: [{
        provide: 'ContactPlanPageService', useFactory: http => new PageApiService<ContactPlanModel>(http, 'contactplan/page'),
        deps: [HttpClient]
    }],

しかし、それは機能しました..それでも、それは後のバージョンでエラーになるので、私に警告を与えます...

polyfill.tsにcore-js / es7 / Reflectをインポートしましたが、それでもこのエラーが発生します。 それは私を大いに混乱させます。

Uncaught Error: Can't resolve all parameters for ApplicationModule: (?).
    at syntaxError (main.bundle.js:7977)
    at CompileMetadataResolver../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver._getDependenciesMetadata (main.bundle.js:17878)
    at CompileMetadataResolver../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver._getTypeMetadata (main.bundle.js:17771)
    at CompileMetadataResolver../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver.getNgModuleMetadata (main.bundle.js:17639)
    at CompileMetadataResolver../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver.getNgModuleSummary (main.bundle.js:17449)
    at main.bundle.js:17563
    at Array.forEach (<anonymous>)
    at CompileMetadataResolver../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver.getNgModuleMetadata (main.bundle.js:17551)
    at CompileMetadataResolver../node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver.getNgModuleSummary (main.bundle.js:17449)
    at main.bundle.js:17536

@dongdongmao私は何度もこの問題を抱えていました：
1.）サービスで@Injectable（）を使用するのを忘れて
私の角度サービスの一部、モジュールなどとしてエクスポート2） export default const foo = 123の代わりにexport const foo = 123 。 ここで重要なのは、エクスポートとしてdefaultを使用しないことです。

@SerkanSipahiは実際に私がuseingない@Injectable()使用しないすべてのサービスにし、 export default ....任意のサービスまたはモジュールに

ng serve使用するとプロジェクトは機能しますが、 webpack.configでwebpack-dev-serverを使用すると、このエラーはApplicationModuleのすべてのパラメーターを解決できません:(？）。 発生します

これは、コンポーネントが別のコンポーネントを拡張し、コンストラクターでsuper()を呼び出すのを忘れた場合にも発生する可能性があります。

これは、コンポーネントが別のコンポーネントを拡張し、コンストラクターでsuper()を呼び出すのを忘れた場合にも発生する可能性があります。

これは私の場合であり、クラスを拡張し、 constructorをまったく定義しません

コンストラクターを介して誤ったデータを提供することで私に起こりました。
constructor(private actions$: Actions, private store: MyStore) {}
それ以外の
constructor(private actions$: Actions) {}

同じエラーが発生しました。依存関係がインポート方法の順になるようにapp.module.tsを再配置することで、問題を解決できました。 あるサービスが、以下のapp.module.tsで定義されている別のサービスをインポートしましたが、明らかにそれが問題でした。 それは魔法のように解決されました！

この1日後、私は必要とは思わなかったいくつかのポリフィルを
これは私が欠けていたものです：

 import 'core-js/es7/reflect';

CLIを使用せずに、カスタムWebpack構成でAngular2を実行します。 Babel 7に注意深くアップグレードした後、この問題を発見し、困惑しました。 数日後、ポリフィルをインポートすることで問題が修正されます😄

エラーメッセージは、未解決のパラメータについてより具体的にする必要があると思います

派生クラスのコンストラクターを追加するのを忘れたので、今日もこれを取得しました。 AOTには満足していましたが、その場でコンパイルすることはできませんでした。

AOTコンパイラがこれをキャッチすることを期待していました。

サービスをエクスポートするindex.tsがある場合は、エクスポートの順序を確認してください。 それは私を助けました。

ブラウザコンソールで次のエラーが発生します：「_ OrdineComponentのすべてのパラメータを解決できません：（？）._」
そしてこれはVsコードターミナルでオンになります： "循環依存の_WARNINGが検出されました：
src \ app \ ordini \ ordini.component.ts-> src \ app \ shared \ ordini.service.ts-> src \ app \ ordini \ ordini.component.ts_ "

誰かが私を助けることができますか？ 私はこのリポジトリにすべてを持っています
https://github.com/SDGItalySrl/Burger2Trip

src \ app \ ordini \ ordini.component.ts-> src \ app \ shared \ ordini.service.ts-> src \ app \ ordini \ ordini.component.t

ordineコンポーネントにordineサービスを注入し、ordineコンポーネントをサービスに注入しようとしていることは明らかです。 それは不可能です。 サービスが必要なコンポーネントをインスタンス化し、コンポーネントが必要なサービスをインスタンス化するには。 依存性注入パターンについてお読みください。

私はこれがクラスであると考えてインターフェースを注入しようとしていることに遭遇しました->コンポーネントレベルの変数がコンストラクター注入の外部で宣言されていることを確認してください。

私の場合、この問題は次の場合にのみ発生します
ng build --prod

そしてそれは次のコードにありました：

import RestDataSource from './rest.datasource';
代わりは -
import {RestDataSource} from './rest.datasource';

多分それは誰かを助けます

このメッセージには多くの原因があるようです。 私の場合、ライブラリからサービスクラスを挿入しようとしたためです。ただし、これらのクラスは拡張されることを目的としており（動作を追加しない場合でも）、 @Injectable()アノテーションがないためです。どちらかを抽象化します。

私の場合、ルーターサービスを使用せずにコンストラクターに挿入するだけでした。 これを削除すると、すべて正常に動作します。

私の場合、この問題は発生しただけです
ng build --prod

次のコードにあります。

import RestDataSource from './rest.datasource';
それどころか-
import {RestDataSource} from './rest.datasource';

多分それは何人かの人々を助けることができます

ハハハ。私もこの状況に遭遇しました。

このエラーは、循環依存関係がある場合にも発生する可能性があります（たとえば、バレルインポートを間違った方法で使用しているため）。

依存性注入は他のクラスでは機能しますが、循環依存性を持つクラスでは機能しないため、これは特に混乱を招く可能性があります。

コンポーネントのサービスにInjectディレクティブを追加することで問題が解決しました
コンストラクター（@Inject（AppService）サービス：AppService）

少し違う問題があったので、誰かが遭遇した場合に備えてここにドロップします。

私は最近v8プロジェクトをスピンアップし、prodhttps ：//github.com/angular/angular-cli/issues/13734用にコンパイルするときに高メモリの問題に遭遇しました

TL; DR：NG8プロジェクトからNG7に戻した場合。

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "module": "es2015",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "importHelpers": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  }
}

私の場合、コンポーネントファイルが複数のオブジェクトタイプをエクスポートするときに、問題はすでに発生しています。たとえば、次のようになります。

'my-test.component.ts

列挙型MyTestEnumをエクスポート{
..。
}

@Component （...）
クラスMyTestComponentを公開する{
..。
}

私にとっては、デフォルトでエクスポートしていました。

この問題は、非アクティブのために自動的にロックされています。
同様の問題または関連する問題が発生した場合は、新しい問題を提出してください。

自動会話ロックポリシーの詳細をご覧ください。

_{_このアクションはボットによって自動的に実行されました。_}