はじめに
Angular 10 から Angular 17 へアップグレードしたところ、テスト実行時にこのようなメッセージが出力されました。
BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.If you want to include a polyfill, you need to:
- add a fallback 'resolve.fallback: { "timers": require.resolve("timers-browserify") }'
- install 'timers-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
resolve.fallback: { "timers": false }
このメッセージが出力されないように直していきます。
原因
Webpack 5から、Node.jsコアモジュールのポリフィルが含まれなくなりました。上記のメッセージはそれについての警告です。
「timers ないけどどないすんの？」
どうしましょうか？
「timersつこてるなら、timers-browserifyインストールして、resolve.fallback で参照せえや。いらんのやら resolve.fallback に false と書いたらええ」
えー。わかんない。
自分の場合の問題箇所
自分の場合、xml2js が、内部でtimers使っているのが原因でした。
Angular 全然関係ない話題っすね。
自分の場合の解決策
使用箇所も少なかったので、xml2jsをやめて fast-xml-parserを使うように書き換えました。
感想
Webpack の深い森へ入らずに解決できてよかったです。
以前のAngularは、Webpackの設定を内部で生成していたので、そこに何らかの設定を加えるには、ビルダーごと入れ替えなければいけませんでした。
Angular 17時代は、どうやるのが正当な道なのかな？