Angularのバージョンアップ時に「Error: Can’t resolve ‘~ngx-toastr/toastr.css’」
今回はAngularのバージョンアップ時に下記のエラーが起きたときの対処法についてご紹介いたします。
|
1 2 3 4 5 6 |
./src/styles.scss - Error: Module build failed (from ./node_modules/css-loader/dist/cjs.js): Error: Can't resolve '~ngx-toastr/toastr.css' in '/usr/local/test/src' ./src/styles.scss?ngGlobalStyle - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): HookWebpackError: Module build failed (from ./node_modules/css-loader/dist/cjs.js): Error: Can't resolve '~ngx-toastr/toastr.css' in '/usr/local/test/src' |
Angularのバージョンは15.2.11です。
Angularのバージョンアップ時に「Error: Can’t resolve '~ngx-toastr/toastr.css’」
Angularのバージョンを14.2.13から15.2.11に上げたときにこのエラーが出るようになりました。
結論を言うと、styles.scssに
@import '~ngx-toastr/toastr.css';
の記述がありましたがこれを
@import 'node_modules/ngx-toastr/toastr';
に変えるとエラーは出なくなりました。
|
1 2 |
# @import 'zngx-toastr/toastr.css'; @import 'node_modules/ngx-toastr/toastr'; |
ぜひお試しください。
終わりに
今回はAngularのバージョンアップ時に冒頭のエラーが起きたときの対処法についてご紹介いたしました。