問題タブ [create-react-app]

私の状況：

create-react-appon Surgeで作成されたアプリをホストしています。Surgereact-routerにルートを処理させるには、ルートに 200.html を追加する必要があり、404 を処理するには、ルートに 404.html を追加する必要があります。問題は、 とのみnpm run buildがビルド ディレクトリのルートに追加されることです。index.htmlfavicon.ico

考えられる解決策:

buildpackage.json にスクリプトを作成することで、他のファイルをコピーできますreact-scripts build && cp 200.html 404.html build。

質問：

react-scriptspackage.json の bash スクリプトに頼るのではなく、ビルドのルートに余分なファイルを追加するより良い方法はありますか?

コマンドを使用してプロジェクトを作成していますが、ボタンが起動しないcreate-react-appのは本当に奇妙です。onClick今まで見たことのないこのエラーが表示されます

invariant.js:38 Uncaught Invariant Violation: addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's "render" method, or you have multiple copies of React loaded

このエラーが原因でボタン クリックが起動しないかどうかは不明です。コードは非常にシンプルで、他のプロジェクトでも問題なく動作しています。

私は create-react-app を使用して React を独学しています。しかし、私には意味をなさないエラーに遭遇しました。

エラーは次のとおりです。

Error: Child compilation failed: Module not found: Error: Cannot resolve 'file' or 'directory' ./src/name-icon. png in C:\Users\Jacob\college-canoe: Error: Cannot resolve 'file' or 'directory' ./src/name-icon.png in C:\Users\Ja cob\college-canoe

WebPack が問題を「考えている」ことはわかりますが、私のコードは実際には name-icon をどこにも呼び出していません。以前はありましたが、名前を nameIcon に変更しました。実際にその画像を使用している唯一のコード スニペットは次のとおりです。

nameIcon を使用してコードをコメントアウトしても、問題は解決しません。私はここで完全に迷っており、どんな助けも素晴らしいでしょう。

編集: webpack.config.js に追加

編集 2: プロジェクト構造を追加しました。

編集 3: 問題が何であるかはまだわかりませんが、nameIcon の名前を name-icon に変更して /src/ に戻し、/photos/ フォルダーに 2 つ目のコピーを作成すると、何とか修正されました。これについては、いずれまた戻ってくる必要があります。

React-Redux のライブラリを作成しようとしていて、create-react-appを使用してボイラープレート コードを取得しようとしていますが、ビルド スクリプトには appHtml などの無関係なものが含まれています。

イジェクトされた create-react-app をライブラリに変換する方法はありますか?具体的には、すべての js ファイルを 1 つにパッケージ化する必要はありませんが、代わりにそれらをバベルに渡し、React コンポーネントごとに個別のファイルを生成するだけですか?

私はcreate-react-app ライブラリを使用しており、開発でうまく機能する SVG コンポーネントを作成しました。私の問題は、公開するアプリケーションをビルドするときに、ビルド プロセスがコンポーネントの動的パスを認識しないため、メインのスプライト ファイルが/mediaフォルダーに配置されないことです。

SVG コンポーネントの例:

ご覧のとおり、特定のスプライト ファイル内の特定のシンボルを参照しています。

Rails API バックエンド アプリを作成し、アプリ内のクライアント フォルダーにフロントエンド用の create-react-app を作成しました。私のローカル マシンでは問題なく動作しますが、heroku ではエラーが発生して動作しません。

アプリの構造は次のとおりです。

私が持っているProfileの中に：

package.json 内:

(Rails バックエンドと通信するプロキシに注意してください)

ヘロク:

Heroku ログ:

(エラーなしで heroku run rails c を実行できます)

反応アプリについてherokuに伝える方法、またはどうすれば機能させることができますか?

反応ルーターを使用してルートを定義しています。そして、私は開発に create-react-appを使用しています。私の質問は、アドレスバーにサブページの URL を入力してアクセスしようとすると、開発ビルドでは機能しますが、製品ビルドでは機能しません。

本番ビルドをホストするために単純な高速サーバーを使用しています