問題タブ [create-react-app]

この公式 Firebase Youtube ガイドを順を追って説明しました。公式の Firebase チャンネルの例のように、create-react-app によって作成された React アプリで Firebase を使用したいと考えています。小さなフォームの中毒で次のコードを生成しました。

index.js

app.js

コンソール ログ エラーは表示されず、Firebase からの応答もありません。どうしたの？ありがとう！！

更新 1:

私はsnapshot.valueにキーを追加するのを逃しました:

DB から読み取ることができるようになりましたが、フォームを送信するときに値を書き込むことができません。

react-leaflet（バージョン1.0.0-rc.2で）使ってみましcreate-react-appたが、マーカー画像が404になっています。

生成された画像 src はhttp://{server_host}:3000/static/media/marker-icon.2273e3d8.png")marker-icon.png

変な を取り除けば")marker-icon.png、イメージは良いです。

影の画像でも同じ問題が発生しましたが、「実際の」画像 src を推測できませんでした。

ここでバグを再現し、ここでコードを確認できます

ありがとう

ターミナルから create-react-app をインストールしています。node.js のバージョンが 4.5.0 であることを確認しました。これは、こちらの要件よりも高くなっています。npm のバージョンは 2.15.9 です。次に、コマンドを入力すると、次npm install -g create-react-appのようなエラー情報が表示されました。

なぜこのようなエラーが発生したのか疑問に思います。この問題を理解するのを手伝ってくれる人はいますか? どうもありがとう！

このリンクを開始ファイルとして使用してプロジェクトを作成しました。

https://github.com/facebookincubator/create-react-app

しかし、Facebookのログインボタンを公式ドキュメントに従って作成しようとした後、これを使用しました。

そのため、ブラウザが更新されたときにこのエラーが発生しました。

だから、このエラーを引き起こすESLintが原因だと思います。これを修正したり、このFB変数の例外を作成したりするにはどうすればよいですか?

ありがとう！

と組み込もうとしてmobxいreactます。を使用してアプリケーションを生成したためcreate-react-app、mobx によって提供されるデコレータを使用できません。

このドキュメントに従って、デコレータなしで mobx を使用できる場合: https://mobxjs.github.io/mobx/best/decorators.html

作成したコンポーネントは次のとおりです。

上記のコンポーネントの簡単な呼び出しは次のとおりです。

上記のコンポーネントを実行するとUncaught TypeError: (0 , _mobxReact2.default) is not a function(…)、コンソールに何も表示されないというエラーが表示されます。

ここで何が間違っていますか？

.scsscreate-react-app を使用して作成したアプリにサポートを追加したいと考えています。

必要な依存関係を取り出しnpm run ejectてインストールしました：npm install sass-loader node-sass --save-dev

内部config/webpack.config.dev.jsでは、ローダーに次のスニペットを追加しました。

そのため、loaders 配列の先頭は次のようになります。

scssファイルをインポートしようとすると、jsxで次のようになります。

エラーが発生します：

キャッチされないエラー: モジュール "./assets/app.scss" が見つかりません

.scssファイルをロードできないため、構成が間違っているに違いありません。.scss排出されたファイルをロードするように構成を調整するにはどうすればよいcreate-react-appですか?

だから私はcreate-react-appを使用して最初の React アプリを試しており、このGitHub プロジェクトに基づいてマルチステージ フォームを作成しようとしています。特に、AccountFieldsとRegistrationの部分です。

そのプロジェクトは、React のかなり古いバージョンで書かれているようです。そのため、更新を試みる必要がありました。

App.js:

Activity.js:

いくつかの例を見てきましたが、これは現在の状態を保存し (ユーザーがフォームのさまざまな部分間を行き来できるようにするため)、この段階の値を保存するための正しいアプローチのようです。ボタンをクリックするとSave & Continue、というエラーが表示されますCannot read property 'props' of null。明らかに、これは無効であることを意味thisしますが、修正方法がわかりません。

私はこれに間違った方法でアプローチしていますか? 私が見つけたすべての例は、まったく異なる実装をしているようです。私は Apache ベースのバックグラウンドを持っているので、一般的にこのアプローチは非常に珍しいと思います。

私のプロジェクトはcreate-react-appに基づいています。npm startまたはyarn start、デフォルトでポート 3000でアプリケーションを実行し、package.json でポートを指定するオプションはありません。

この場合、選択したポートを指定するにはどうすればよいですか? このプロジェクトの 2 つを (テスト用に) 同時に実行したいのですが、1 つはポート3005で、もう 1 つは3006