【Docker×Nuxt３】npmモジュール入れると重くて起動しない

運営者：そうすけ

愛媛のエンジニア兼ブロガー。
工場勤務→社内SE→自社開発にキャリアチェンジ。
主にバックエンド開発を行っています。

【ブログ運営歴】2021.6~
【プログラミング歴】2022.3~
本業：Java,MySQL、個人：Typescript

Docker上でnpm install　 tailwind　等、他のパッケージを導入したらうまく立ち上げることができなくなった。

tailwindのパッケージはDockerのボリューム上にnode_moduleに入っているのになぜ？

原因予測

①プラグイン関係のファイルがローカルにあって、リンクするのに苦戦している
②ブラグイン関係の依存関係

対策

キャッシュのクリーンをする

＃コンテナ上に入る
docker-compose exec front bash 

#キャッシュを削除する
root@50b756a3c28c:~# npm cache clean --force
npm WARN using --force Recommended protections disabled.

#起動する
root@50b756a3c28c:~# yarn dev
yarn run v1.22.19

解決　キャッシュをクリーンすると正常稼働した

どうもnodeが優先的にキャッシュを使おうとするみたいです。
結果、ローカルの大量のキャッシュをコンテナから見に行っていたことで起動に異常に時間がかかって起動しませんでした。

やめた方がいい対策

コンテナのボリュームを削除してみた。

再度npm installしたても直らなかった
（というかせっかくインストールしたtailwindも消えている。。）

コミットをインストールする前に戻したら正常に立ち上がる
立ち上がりが悪いときは、立ち上げ時pluginのコンパイルに時間がかかっていた

やったほうがいいこと

・pluginにかかわるフォルダをコンテナ上に置く