スキップしてメイン コンテンツに移動

webpack4→webpack5をして、Module not found: Error: Can't resolveが出た場合、'html-loader'を削除しろ

webpack4→webpack5でハマった

久々のLooxUと初音ミクで行こう!の更新。皆様お久しぶりです。 今回は、webpack4からwebpack5へ移行した際にハマった出来事について記載したいと思います。

事象

Module not found: Error: Can't resolve '/manifest.json'

エラーメッセージとしては、上記の様なメッセージが出ていました。 なんとなく、html-webpack-pluginで呼び出している箇所に問題がありそう。 しかし、その設定を見る限り特に変な書き方とかをしていなかったので、一体何が問題なのかしばらく分かりませんでした。

原因解明

html-webpack-pluginのtemplateのドキュメントを読んでいて、原因に気が付きました。

1) Don't set any loader

これかー!

webpack.config.jsに書いてあった、

module: {
  rules: [
    {
      test: /\.html$/,
      loader: 'html-loader'
    }],
},

この部分を無効化したら無事に解決しました。 いやあ、とんでもない所に落とし穴があるものです(笑)

コメント

このブログの人気の投稿

ダイエット途中経過報告

2020年も残り2週間 2020年も残り2週間となった。 今年は、コロナウイルスによって様々な生活の変更を強いられた年でもあった。 そして自分の勤務形態も大幅に変わった。 もともと、たまにリモートワークみたいな感じをしていたが、今年からはフルリモートワークが出来るようになった。 ありがたい限りである。取引先の方々に無理を言ってしまった部分もあるが、現状うまく回っている。 フルリモートワークになって、大きく変わった事といえば、やはり通勤をしなくなった事で、歩数が大幅に減少したという事だろうか。 具体的には、昨年は1日平均5,000歩くらい歩いていたが、今年は2,000歩前後にまで下がってしまった。 基本家に引きこもっているので、実際に歩いている距離などはかなり少ないと言っても過言ではない。 この運動不足がたたり、一時的にであるが体重が+3kgも増えてしまいヤバい事になった。 ので、自分の体重管理として、今までは3,000円くらいで買った安い体重計を使っていたが、体組成計を購入して毎日チェックするようにした。 おかげさまで、とりあえずは元の体重に戻すことが出来たが、せっかくなのでという事で、ダイエットにも励んでいる。 あすけん というアプリでレコーディングダイエットをしつつ、 リングフィットアドベンチャー で身体を鍛えている。現状は、最高時から-5kgという事で、トータルで見ると-2kgという所であるが、徐々に痩せつつある。 とはいえ、目標としては全然減りが足りないので、これからも運動と食事バランスを考えつつ体重を落としていきたい。 美味しいものを食べつつ、体重も落としつつとかなり矛盾に満ちたことをやろうとしているが、やってやれない事はないと自分に言い聞かせながらやっている。 継続してダイエットをやってみて分かった事は、自分の食生活は、脂質をかなり多く摂る傾向にあったので、それを減らしたは良いが、今度は塩分が増えてしまい、それを減らすのもまた苦労している。和食は、案外塩分が多い食事である。 あすけんは、どんな栄養分を摂っているのかざっくり見ることが出来るので、不足している栄養素を満遍なく把握できるというのは大きい。 さて、来年の今頃はどこまで体重が落ちているのか楽しみであるが、目標の-15kgを達成した暁にはまた記事を書こうと思う。

マウスを買い替えた話

マウスを買い換える 今まで、MicroHardの Sculpt Egonomic Mouse を愛用していた。 (Amazonの履歴より)2016年に購入していたので、4年ほど使っていた算段になる。 キーボードは10年以上使い込んでいるが、マウスは思ったよりも使い込んでいなかったというのが個人的な印象だ。 キーボード同様、マウスも毎日触る大切なI/Fであり、その性能にはこだわりを持っていた。 実際に、Sculpt Egonomic Mouseはここ最近まで十二分に素晴らしい性能を発揮しており、不満点はなかった。 が、流石に4年も使っていると壊れてしまうのがハードの悲しい所。 ホイールやトラッキング性能は全く落ちなかったのだが、ボタンが壊れてしまった。 クリック出来なくなる事がしばしば発生するようになってしまった。 こればっかりは、致し方ない事なのだが。 そして、今回久々にLogicoolのマウスを購入することにした。 Bluetoothが有効になるだけでなく、2台のマシンでの切り替えも可能なので、色々と捗っている。 以前使っていたタイプは4ボタンだが、これは5ボタン。 ボタン数はやはり4ボタン以上欲しい。 ここ数日使ってみて分かったが、やはり大分前からクリックボタンが壊れてたんだと改めて実感。 Vivaldiでのマウスジェスチャが綺麗に決まるので、今までのあの苦労は何だったのだろうという気持ちが大きい。 久々にマウスジェスチャの良さを体感出来たのも新たな発見である。 マウスについて 自分は、今まで色々なマウスを使ってきているが基本的にMicroHardか、Logicoolのどちらかを採用している。 久々のLogicoolだが、Logicoolもかなり性能の良いマウスを作っているので、非常に安定感がある。 その他の会社のマウスも、もちろん使ったことがあるが、割と早く壊れる印象。 4年とか5年くらい長く使いたければ、どちらかの会社のを購入するほうが最終的には一番お買い得な気がしている。 ゲームするような人間ではないし、マウスよりもキーボード触っている時間の方が圧倒的に長いので、キーボードに比べるとマウスに投資している額は少ないが、それでもなるべく良いものを長く使っていくという方針に変わりはない。 安物買いの銭失いは、もう懲り懲りだからだ。