問題タブ [create-react-app]

create-react-appを使用して小さな電卓アプリを作成しました。

現時点では、私が開発しているローカル スタンドアロン アプリです。私の目的は、これを既存のサーバー側でレンダリングされた Web サイトに統合することです。

私はいくつかのことを疑問に思っています：

1. このアプリをcreate-react-appから既存の Web サイトに統合するにはどうすればよいですか?
2. React アプリを同じページの複数の場所に埋め込むにはどうすればよいですか?

トップレベルでアプリを初期化することになると、私は現在やっています:

しかし、それは私がそれを1つの領域に配置することしかできません.

複数のアプリを持つ最良の方法は何ですか? 互いに同じ状態を維持しなくても、独立して動作しても問題ありません。

ありがとうございました。

webpack を使用して ReactJS Web アプリケーションを実装しています。ファイルをキャッシュするために、ネットワーク呼び出しを処理する Service Worker の実装を開始したいと考えています。ただ、サービスワーカーのjavascriptファイルを登録するのが大変です。(React と webpack の両方に関して言えば、私は初心者であることを付け加えておきます。)

うまくいけば、webpack はすべての JavaScript ファイルを 1 つのbundle.jsファイルにマージするため、 navigator.serviceWorker.register('./sw.js').... serviceworker-webpack-pluginなどのさまざまなアプローチを試しましたが、うまくいきませんでした。readme ページに記載されている手順に従うと、エラー メッセージが表示されますUncaught Error: serviceworker-webpack-plugin: It seems that your are importing "serviceworker-webpack-plugin/lib/runtime" without using the plugin. Makes sure that your webpack configuration is correct.。

これが私のwebpack.config.jsファイルです：

注:create-react-appコマンドを使用して作業を開始しました。また、Service Worker 自体に問題はありません。別の Web アプリの実装が機能しています。苦労して登録するだけです。

どんな助けでも大歓迎です！

create-react-app ボイラー プレートを使用して小さな反応アプリを作成しました。npm runすべてが正常に機能するコンテンツを提供する場合。

しかし、デモを見せたいところに来たので、初めてビルダーを実行してみました。実行してみnpm run buildましたが、エラーになります。npm ログは次のとおりです。

0 info it worked if it ends with ok 1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'run', 'build' ] 2 info using npm@3.3.12 3 info using node@v5.1.1 4 verbose config Skipping project config: /Users/falks/.npmrc. (matches userconfig) 5 verbose stack Error: ENOENT: no such file or directory, open '/Users/falks/package.json' 5 verbose stack at Error (native) 6 verbose cwd /Users/falks 7 error Darwin 15.6.0 8 error argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "build" 9 error node v5.1.1 10 error npm v3.3.12 11 error path /Users/falks/package.json 12 error code ENOENT 13 error errno -2 14 error syscall open 15 error enoent ENOENT: no such file or directory, open '/Users/falks/package.json' 15 error enoent This is most likely not a problem with npm itself 15 error enoent and is related to npm not being able to find a file. 16 verbose exit [ -2, true ]

私の開発フォルダの外でpackage.jsonを探しているようです? ビルダーを実行する方法のヒントはありますか?

ありがとうございました。

create-react-app によって作成された反応プロジェクトに jquery モジュール select2 を追加しようとしています。

私は走っています

依存関係が package.json に正しく追加されていることがわかります。

次に、これを反応コードの外側のグローバル javascript ファイルに追加します。

select2 スクリプトが含まれていないため、これは機能しません。

私は何を間違っていますか？反応コード内で何らかの方法でjqueryコードを実行する必要がありますか? select2ライブラリを含めるために何か特別なことをする必要がありますか?

これは非常に基本的な問題かもしれませんが、create-react-app のフレームワークで実行しているときにスクリプトが実際にどのように含まれているのか混乱しています。

create-react-app によって作成された React アプリで、select2 という jquery ライブラリを利用しようとしています。

jquery と select2 を package.json に追加し、javascript を機能させることができます。

ただし、select 2 の css ファイルが正しく含まれていないため、スタイリングは機能しません。

プロジェクト内に次のファイルが表示されます。

もちろん、ファイルを public/css にコピーして、これを index.html に追加できます。

webpack と create-react-app ツールチェーンを利用するより良い方法があると確信しています。しかし、どのように？

したがって、明らかにサーバー上の localhost:3000 にアクセスできないため、サブフォルダー (192.0.1.168/reactjs) などの IP アドレスを使用してテストしたいと考えていました。実行npm run buildしてビルド フォルダーに移動しましたが、空のページが表示されます。

何か不足していますか？

create-react-app によって作成された基本的な web-pack 構成の使用

次のnpmコマンドを使用してReact-FlexBox-Gridをインストールしました

次の依存関係をインストールしました

React-FlexBox-Grid が web-pack ローダーによって選択されていません。ここでの私の質問は、React-FlexBox-Grid を既存の css ローダー構成に追加する方法です。React-FlexBox-Grid ドキュメントhttps://github.com/roylee0704/react-flexbox-gridから、 2 つの設定が提案されました。

1)

既存の作業構成を壊さずにローダーを追加する方法がわかりません。

そのため、ftp を使用して作業しているため、localhost のみである npm start を使用できません。create-react-app を lite-server で実行しようとしていますが、正しいフォルダーにアクセスできるように構成する方法がわかりません。

buildフォルダをソフトリンクしようとしましたが、コンソールエラーのある空白のページしかありません。

これは私のbs-config.jsファイルです

したがって、lite-server を最初に実行すると、次のようになりますが、200 GET /次304 GET /index.htmlの 3 つのエラーが表示されます。

ファイルは明らかにそこにありますが、これらのファイルを適切に読み取るように lite-server を構成する方法がわかりません。