2024-10-27
【Tips - React】実例でわかるシリーズ
みなさんどうも、こんばんみ~。某ぎょうざです。
はい、今更ながら、Webアプリケーションなどを開発する際に便利なフレームワーク
React(リアクト)を利用する際に、ぎょうざが躓いたところを備忘録として記録しておきます。
同じようなケースあるいは現象で困っている方の参考になれば幸いです。
【目次】
<Useful> ▶ ??? <Error> ▶ ??? <Warn> ▶ Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest 〆のひと言
<Useful>
▶ ???
- 現象:???
- 原因:???
- 解決策:???
<Error>
▶ ???
- 現象:???
- 原因:???
- 解決策:???
<Warn>
▶ Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest
- 現象:Next.jsを動作確認する際にブラウザ上でlocalhostで立ち上げたときに、VScodeのターミナル(PowerShell)上に上記が表示される
- 原因:caniuse-liteを更新し、アプリケーションのビルド時にターゲットブラウザを最新バージョンとすることを促すため
- 解決策:ターミナル上で
npx update-browserslist-db@latest
を実行する(参考:https://dev.classmethod.jp/articles/asked-to-update-the-browserslist-when-building-react-app/)
〆のひと言
Reactは、Webアプリケーション開発に便利な開発フレームワークです。
Javascript(TypeScript)に触れてみたい方におすすめです。
ここまで読んでいただき、ありがとうございました。
以上、ぎょうざでした。