2017-02-13 9 views
0

react-webpack-redux(yeoman generator)プロジェクトを作成しようとしましたが、xampp w/cでコンパイル済みプロジェクトを実行しているときに、どのように解決するか考えている。Xamppでルータを使ってReact Projectを実行するには

最初のシナリオ:ルータ編集なしnpm run distを使用してコンパイルされます。 distフォルダからファイルをコピーし、公開サーバのhtdocsに配置しました(xamppを使用)。

enter image description here 正常に動作します。私のローカルドライブCでもうまくいきます:

第2のシナリオ:ルータコンパイル。今、React-Routerを使用します。 8000をコマンドnpm run serve/W:それはWebPACKのdevのローカルホスト上で当然のことながら働い

Code with router

(ここに私のコードです)。

enter image description here

しかし、ときに私は生産にコンパイルします。 npm run distそして、同じことが/ distフォルダからファイルをコピーして、私のパブリックサーバに置いてください(最初のシナリオと同じです - xamppを使います)。

enter image description here

それは実行されません。

Routesを使用しているときに何か不足していますか?あるいは、私の公開サーバに何かを設定する必要がありますか(私はxamppを使用しています)。

私はあなたにこれを手伝っていただければ幸いです。

ありがとうございます。

答えて

0

react-create-appを使用してアプリケーションを作成する場合は、npmでプロジェクトをビルドするだけです。を実行してください。 ブラウザのlocalhost/projectnameにあるhtdocs.runにフォルダビルドをコピーします。

あなたのページが空白の場合は、index.htmlにあるいくつかのファイルのパスを編集するだけです。 npmを実行すると、ビルド時にファイルを含む間違ったパスが作成されることがあります。 その前にindex.htmlを編集すると私の仕事は

関連する問題