Visual Studio Code の コード ジェネレーター プラグインを利用して生成されるコードは基本的に Ignite UI for Angular の最新バージョンをサポートしていますが、利用するコンポーネントによっては Ignite UI for Angular のバージョンアップデートに伴う大きな変更にコードジェネレーターが現在のところ対応しておらず、生成されたコードでエラーが発生する場合があります。

現在確認できているエラーは以下の通りです。

発生環境
– Ignite UI for Angular 8 以上
– Grid-Components のコード生成

エラー内容

ERROR in Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
   ╷
14 │ @import '~igniteui-angular/lib/core/styles/components/grid-paginator/grid-paginator-component';
   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵

※ コードジェネレーターが生成したスタイルシートのインポート先が Ignite UI for Angular 8 以降には存在しないために発生するエラーです。

上記のエラーを回避するためには、都度該当している scss のインポートの記述を削除またはコメントアウトしていただく方法もございますが、コードジェネレーターに対する安定版のバージョンである Ignite UI for Angular 7 をインストールされることをお奨めいたします。

Tagged: