今回はwebpackのエラー修正の防備録です。
作業中に急にエラーでコンパイルが落ちるようになてしまいました。
エラー内容は
FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
エラーの内容を調べてみるとメモリ不足が原因というような記事が多数出てきたので色々出てきたので試してみましたが、どれを試しても解決せず。
結論として今回は単純なscssの記述ミスが原因でした。
定義した関数の中でその関数を読み込んでいました….（本当は「btn-M」という関数を読み込みたかった。）
記述ミスの場合はscssファイル内の記述エラーとして表示されるので見落としていました。
最初はウロボロスと読んでいたのですがこの間抜けさは自分の尻尾を追いかける犬のよう…。
今回はメモリに余裕があっても起こっても起こっていたので「他に原因があるのかも」と思い発見できました。
もし同じものをコンパイルしていて時によってコンパイルできるときとできない時がある場合はメモリ不足が原因の可能性があります。
原因が単純な記述ミスだと見落としやすいので気をつけましょう。
■□■□■□■□■□■□■□■□■□■□
営業時間：平日9：00〜18：00
●福岡オフィス
〒810-0042
福岡市中央区赤坂1-12-6 赤坂Sビル2F
TEL：092-726-5550 FAX：092-726-5558
●宮崎出張所
〒880-0001
宮崎県宮崎市橘通西3-10-32
宮崎ナナイロ東館8FATOMica内
⇒ メールでのお問合せ
⇒ ホームページ制作実績
⇒ 会社案内
■□■□■□■□■□■□■□■□■□■□
