Next.js開発でよく使うキャッシュ削除コマンド備忘録

記事の目的

Next.js × TypeScript での開発に挑戦中なのですが、
キャッシュ関連でトラブる事が多いので勉強・備忘録としてよく使うコマンドをまとめました。

コマンド

• npm cache clean --force

  • npmキャッシュの削除コマンド
  • 場合によっては rm -rf ~/.npm　など直接キャッシュ置き場を削除する(環境によって場所が異なる場合がある)
  • 詳しくはこちら https://docs.npmjs.com/cli/v7/commands/npm-cache

• rm -rf .next/cache

  • nextのキャッシュ削除
  • image serverで持っている画像のリフレッシュをする場合などはこれをよく使う

• npx tsc --build --clean

  • typeScriptのコンパイラのキャッシュ削除
  • tsconfig.jsonなどtypeScriptの設定をいじった際にトラブった場合はこちらが有効
  • https://www.typescriptlang.org/docs/handbook/compiler-options.html

• rm -rf node_modules

  • npm install などでインストールされたライブラリを丸ごと削除
  • パッケージのアップデートなどで詰まった際に有効

その他参考リンク

• https://docs.npmjs.com/cli/v7/commands/npm
• https://ticklecode.com/npmcachedelete/