🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Yarn

Yarnは、Facebook/Exponent/Google/Tildeが開発したJavaScriptのパッケージマネージャ。npmよりもインストールが速く、厳密にモジュールのバージョンを固定できるなど、npmの問題を解決。npmと互換性があり、同じpackage.jsonを使用できます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

コマンドプロンプト

コマンドプロンプト(cmd.exe)はMicrosoftによって提供されているコマンドラインインタプリタです。OS/2・Windows CE・Windows NTで使用可能です。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

1回答

1544閲覧

create-react-app インストール後のアプリケーションの立ち上げができない

of_the_Europa

総合スコア66

npm

npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

Yarn

Yarnは、Facebook/Exponent/Google/Tildeが開発したJavaScriptのパッケージマネージャ。npmよりもインストールが速く、厳密にモジュールのバージョンを固定できるなど、npmの問題を解決。npmと互換性があり、同じpackage.jsonを使用できます。

Node.js

Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

コマンドプロンプト

コマンドプロンプト(cmd.exe)はMicrosoftによって提供されているコマンドラインインタプリタです。OS/2・Windows CE・Windows NTで使用可能です。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

0クリップ

投稿2020/12/13 14:19

コマンドプロンプトでcreate-react-appのインストールを実行し、reactとして扱うフォルダを作成したのですが、そのフォルダの立ち上げがうまくいかずに悩んでいます。

因みに、create-react-appのインストール時は、

npx create-react-app react-practice

と記述し、結果的にhappy hacking! と出たのでインストールはうまくいっただろうと考えています。
そのうえで、下記の画像のように "yarn start" や "npm start" と入力したのですが、いずれもエラーや何か不備があり立ち上がらない状況です。

https://gyazo.com/977fadeba66ccbff86268f9ec2482745

コマンドプロンプトはパスの通し方もよく分からないで使用しているので、reactとして扱うフォルダの場所も少し自信がありません。個人的に開発環境内に収めておきたかったのでxamppの中にあります(C:\xampp\htdocs\react-practice という場所です)。

すいません、分からないことが多くて自分なりに検索してみたのですが解決に至りませんでした。
立ち上げ方と、フォルダの場所について何か分かることがあれば教えていただきたいです。
よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

node を実行してからではなくコマンドプロンプトから直接 npm run start もしくは yarn start してみましょう。

投稿2020/12/13 14:21

A_kirisaki

総合スコア2853

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

of_the_Europa

2020/12/14 06:10

ようやくApp.jsにアクセスすることができました。 自分の場合、ちゃんとパスが通っていなかったようです。 デフォルトの環境変数? に "cd 任意のアプリケーション名" とパスを通してあげて、 "npm start" でうまくいきました。 なんとなくパスが不十分のような気はしていたのですが、あまり知識がないとコマンドのそういった基本にも分からないまま過ごしてしまうようです。 ご指南いただきありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問