generated at
Kozanebaの開発環境を作る
2023-01-11

Gitは入れてあった

VSCodeで開く
入れてあった

$ npm start
zsh: command not found: npm
npmがない
$ node -v
zsh: command not found: node
なるほどNodeが入ってない
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について調べる
> 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 ...
$ echo "lts/*" > .nvmrc