Node.js v20 で GitHubActions から Vercel へのデプロイがコケた話
Vercel が Node.js v20 無いとかエラー出してくる → Error: Found invalid Node.js Version: "20.x". Please set "engines": { "node": "18.x" } in your `package.json` file to use Node.js 18.
WebStorm 上で目的(public
等)のディレクトリを右クリック
Mark Directory as
> Resource Root
Next.js でいう public
ディレクトリに画像とか配置してると思う。
CSS とか Markdown ファイルからその画像ファイルを参照する時は例えば /images/hoge.png
みたいなパスを記述することになる。
エディタ上ではプロジェクトルートからの補完が前提になっているので /public/images/hoge.png
とか ../../images/hoge.png
とか /Users/{username}/path/to/project/public/images/hoge.png
とかじゃないと、反応しない。
/images/hoge.png
だとパスが見つからずエラー表示みたいになる。
でもでも実装上は /images/hoge.png
が正解で、要はプロジェクトルートと別にドキュメントルートを別でエディタに認識させたいというわけ。
JetBrains 製 IDE なら同じ手順でOK。
ただ IntelliJ IDEA とかサーバー系のだとちょっと話変わってきそうなので悪しからず。
VSCode だとどうすればいいかって?
JetBrains にお賽銭するんだよ。
Vercel が Node.js v20 無いとかエラー出してくる → Error: Found invalid Node.js Version: "20.x". Please set "engines": { "node": "18.x" } in your `package.json` file to use Node.js 18.
windows はクソ(暴論)
react-plotly でグラフの拡大縮小後などした後、グラフデータを更新してもカメラ位置がリセットされず詰まってた話