依存パッケージを入れる

最終更新日: 2026年10月16日

Copy for Cursor に含まれる npm install 行の読み方と、インストールに失敗したときの直し方。

このページでできること

そのセクションが必要とするパッケージだけが入った状態にします。

コピーの Install NPM dependencies に、実行するコマンドがそのまま書いてあります。

追加パッケージが無いセクションは、React、Tailwind、@/lib/utils の cn 以外は不要、と文章で書かれます。その場合 npm install は走らせません。

react、react-dom、next は一覧に出ません。アプリに入っているものとして除いてあります。

コマンドが失敗したら、コピー内の TSX の import を見ます。from "framer-motion" のように、./ でも @/ でも始まらない指定子がパッケージ名です。

@/ で始まる import は npm パッケージではありません。コピーに含まれているファイルです。見つからない場合は、コードフェンス1行目のパスでそのファイルを書き忘れていないかを見ます。

lucide-react は、コピーしたファイルが import しているときだけ入れます。入っていないファイルの SVG を lucide-react に置き換えないでください。