Kozanebaの開発環境を作る

2023-01-11

https://github.com/nishio/kozaneba

• Gitは入れてあった

VSCodeで開く

• 入れてあった

$ npm start zsh: command not found: npm npmがない

• Downloading and installing Node.js and npm | npm Docs
• $ node -v
• zsh: command not found: node
• なるほどNodeが入ってない
  • nvm入れる
    • https://github.com/nvm-sh/nvm
    • $ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash
• nvmでnodeを入れる
  • $ nvm install --lts
• $ node -v
• v18.13.0
• Node, OK $ npm install -g npm % npm -v 9.2.0 npm, OK

% npm start sh: react-scripts: command not found

• create-react-appで作ったんだったな

$ npm install react-scripts@latest :

npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
...
npm ERR! Conflicting peer dependency: @types/react@16.14.34
...
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
...

(注: ここはnpm installすべきでは？)

• Conflicting peer dependencyについて調べる
• How do I read npm "conflicting peer dependency" error messages? - Stack Overflow

  • Check out Yarn.

  • $ npm i -g yarn
  • $ yarn install
  • success Saved lockfile.
  • OK
  • (注: 問題なく動いたが、そもそもnpm installではダメだったのか？確認せずに進んでしまった)

$ npm start :

Compiled successfully!

You can now view movidea in the browser.
  Local:            http://localhost:3000

無事開発環境が動くようになった

本番環境はどこだっけ？？ Netlify

• 
  • 
  • なんか警告出てるな

error expect@29.3.1: The engine "node" is incompatible with this module. Expected version "^14.15.0 || ^16.10.0 || >=18.0.0". Got "12.18.0"

You can choose the Node.js version we use to build your site ...

• https://docs.netlify.com/configure-builds/manage-dependencies/
• $ echo "lts/*" > .nvmrc