Site icon image World Hacker(ぎょうざブログ)

Think Different, Connect Dots for Line.

【Tips - React】実例でわかるシリーズ

みなさんどうも、こんばんみ~。某ぎょうざです。

はい、今更ながら、Webアプリケーションなどを開発する際に便利なフレームワーク

React(リアクト)を利用する際に、ぎょうざが躓いたところを備忘録として記録しておきます。

同じようなケースあるいは現象で困っている方の参考になれば幸いです。

【目次】

<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)に触れてみたい方におすすめです。

ここまで読んでいただき、ありがとうございました。

以上、ぎょうざでした。