SoftwareDesignで前々からReactに興味があったので、適当にwebアプリを作成しようとしました。Reactの公式チュートリアルを参考に、npx create-react-app を実行したところ、下記画像の「* name can no longer contain capital letters」が発生しました。

今回create-react-appでは、作成アプリ名を”TestApp”としましたが、このアプリ名が原因でした。
アプリ名に大文字を含めるとエラーが発生します。自分はメソッドや変数名に限らずファイル名などでも、キャメルケースで命名する癖があるので、それが原因となりました。そのため、Reactのアプリ名は、公式チュートリアルにおけるアプリ名である”my-app”のようなケバブケースで命名する必要があります。”TestApp”ならば”test-app”に変更して「npx create-react-app」を実行することで、成功します。

参考URL
- 「新しい React アプリを作る – React」, https://ja.reactjs.org/docs/create-a-new-react-app.html
- 「Create React App」, https://create-react-app.dev/docs/deployment
- 「GitHub – facebook/create-react-app: Set up a modern web app by running one command.」, https://github.com/facebook/create-react-app

コメント