AngularでERROR Error: Uncaught (in promise): NullInjectorError

2022年2月20日

今回はAngularを使用しているときに、「core.js:4442 ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(AppModule)[〇〇Service -> 〇〇Service -> 〇〇Service]: 」というエラーが起きたときの対処法についてご紹介いたします。

AngularでERROR Error: Uncaught (in promise): NullInjectorError

私はAngularでtsファイルに特定のフォルダ階層に属さないStoreを定義したときにブラウザでこのエラーが出ました。

結論を書くと、providersの部分に対象のStoreを定義してあげることで表題のエラーが解消されました。

import { testUsecase } from './test.usecase';
import { TestStoreService } from "@shared/services/store/test-store.service";

@Component({
    selector: 'test-component',
    templateUrl: './test.component.html',
    styleUrls: ['./test.component.scss'],
    providers: [testUsecase, testStore]
})
export class testComponent implements OnInit, OnDestroy {

    constructor(
        private testStore: TestStoreService
        // ...省略
    ) { }
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

import { testUsecase } from './test.usecase';

import { TestStoreService } from "@shared/services/store/test-store.service";

@Component({

selector: 'test-component',

templateUrl: './test.component.html',

styleUrls: ['./test.component.scss'],

providers: [testUsecase, testStore]

})

export class testComponent implements OnInit, OnDestroy {

constructor(

private testStore: TestStoreService

// ...省略

) { }

}

参考になれば幸いです。

終わりに

今回はAngularを使用しているときに、「core.js:4442 ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(AppModule)[〇〇Service -> 〇〇Service -> 〇〇Service]: 」というエラーが起きたときの対処法についてご紹介いたしました。

最後までお読みいただきありがとうございます。
よろしければブログやTwitterでのシェアをお願いしております。
コメントもお待ちしております。
誤植や勘違いなどございましたらコメント欄にて教えていただけると幸いです。

ITパスポート、基本情報技術者、応用情報技術者などIPAが提供する国家資格の過去問を学べるモバイルアプリをリリースしました。
詳しくは下記のプレスリリースをご覧ください。
https://prtimes.jp/main/html/rd/p/000000008.000073303.html

Youtubeチャンネル開設いたしました。
チャンネル登録者10,000人を目指しているので、良いと思った方はチャンネル登録をお願いしたいです。
https://www.youtube.com/channel/UC219XhmSRxmXltTy6COxSMw

Posted by ちこ

法人の「会社謄本」とは？「履歴事項全部証明書」のこと！

俺ガイルのモノレールに乗ってきた

ディスカッション

コメント一覧

まだ、コメントがありません

コメントをどうぞコメントをキャンセル

ちこプロフィール

ニックネーム:ちこ

ITパスポート、基本情報技術者、応用情報技術者などIPAが提供する国家資格の過去問を学べるモバイルアプリをリリースしました。
詳しくは下記のプレスリリースをご覧ください。
https://prtimes.jp/main/html/rd/p/000000008.000073303.html

Youtubeチャンネル開設いたしました。
チャンネル登録者10,000人を目指しているので、良いと思った方はチャンネル登録をお願いしたいです。
https://www.youtube.com/channel/UC219XhmSRxmXltTy6COxSMw

株式会社Decryptionの代表取締役兼社長です。

私が今までに取得した資格はこちらです。
取得済資格一覧

TOEIC860点。データベーススペシャリストやシステムアーキテクトなどの資格を持っております。

学生時代授業に遅刻しまくったせいであだ名が「ちこ」になりました。仕事やバイトは遅刻しなかったです。

今までの成果物はこちらです。
成果物一覧

個人的に読んでほしい記事はこちらに羅列しております。
個人的に読んでほしい記事

詳細(?)なプロフィールはこちら

特技：見合う報酬さえあれば馬車馬のように働けること。
好きなポケモンはクチートです。
イラストは自分で書きました。

・マーケティング力
・インフラの知識
・バックエンドの知識
・フロントエンドの知識
・デザイン力やイラスト力
・語学力
以上が揃うフルスタックエンジニアになりたい。。(º﹃º )

全然勉強や実装の時間が取れていませんが、一番興味があるのがハイパフォーマンスコンピューティングです。

欲しいものリスト
仕事。以上。(現在は仕事等が多忙のため仕事を募集しておりません)

Twitter：https://twitter.com/ChicoBlog
Git：https://github.com/Chico27
Forkwell:https://portfolio.forkwell.com/@Chico27

カテゴリ別

アーカイブ