Angular+ngx-fomantic-uiで「Error: export ‘ReflectiveInjector’ (imported as ‘ReflectiveInjector’) was not found in ‘@angular/core’」

今回はAngular+ngx-fomantic-uiの環境で下記のエラーが起きる原因についてお話ししていきます。

Angularのバージョンは16.2.14で、ngx-fomantic-uiのバージョンは0.11.7です。



Angular+ngx-fomantic-uiで「Error: export 'ReflectiveInjector’ (imported as 'ReflectiveInjector’) was not found in '@angular/core’」

結論から言うと、ngx-fomantic-uiのライブラリはAngularのバージョン16では動かなく、Angularのバージョン16ではReflectiveInjectorが廃止になっているような動きをし、サーバー起動時にエラーが起きるからです。(下記のリンク先はng2-semantic-uiについてですが、ngx-fomantic-uiも同様の動きと思われます)
https://github.com/edcarroll/ng2-semantic-ui/issues/454

fomantic-uiをAngularで引き続き使い続きたい場合は、2024年6月現在、Angularのバージョンを15以下にするか他のライブラリを使うかしかなさそうです。

終わりに

今回はAngular+ngx-fomantic-uiの環境で冒頭のエラーが起きる原因についてお話しいたしました。

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

直接契約ができるフリーランスエージェント「エンハンス」を立ち上げました。
詳しくは下記LPをご参照ください。
https://enhance.decryption.co.jp/

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






Angular

Posted by ちこ