npm installする階層は大事

インターンでreactを使うことが確定したので最近reactの勉強を兼ねて、apiたたいてブログ投稿と閲覧ができるようなアプリを作り始めました。そこで直面した課題について残しておきます。

環境

react:v18 react router:v6

やったこと

ほとんどこの記事を参考にして進めました。

最後にnpm startまでしてブラウザを見ると真っ白...

初めはreact routerがv6から記法が変わったので何かミスってるのかなとも思ったのですが、特にミスは見当たらず...

ブラウザのコンソールには

ReactJS: TypeError: Cannot read properties of null (reading ‘useRef’)

が出ていましたが特にそのような箇所も見当たらず...

react routerのバージョンが間違っているのかな？と思いpackage.jsonを一応確認するとそこにreact routerの文字はありませんでした

原因

原因はnpm installをプロジェクトのディレクトリ下ではなく、その一つ上のディレクトリで行ってしまったことでした。

今後の対策としては

• npm installを行う前に、プロジェクト下にいることを確認する。
• which npmコマンドを使ってどのnpmコマンドを使っているか確認する。

等になるんでしょうか。

以上、まぬけな備忘録でした。