2017-09-25 7 views
0

GithubユーザーページにReactアプリケーションを配備するのに少し問題があります。私はcreate-reaction-appのドキュメントを読んで、 "yarn run deploy"を使ってプロジェクトページにデプロイする方法を理解しましたが、これは私がやろうとしていることではありません。ReactアプリケーションをGithubユーザーページに展開する

ユーザーのページでは、repoのルートディレクトリでindex.htmlが検索されますが、 "npm run build"では別のビルドディレクトリにそのファイルが生成されると思います。ユーザーページはマスターブランチからビルドする必要があるので、私はこれらのビルドファイルをrepoのルートで生成する方法を探しています。私の最初の考えは、 "build.js"スクリプトを修正することでしたが、私はそれを開いたときに私が何を見ているのか分かりません。

ビルドディレクトリの内容をGithubにプッシュする前に直接ルートディレクトリにドラッグすると、アプリケーションはうまく動作し、好きなようにアクセスできますusername .githubo.io 。しかし、それはむしろやわらかく退屈だと感じます。

package.jsonの「homepage」を「username .githubo.io /」に設定しようとしましたが、デプロイスクリプトはまだアプリケーションをビルドする別のgh-pagesブランチを生成します。は、ユーザーページには許可されていません)。

事前にヘルプを評価してください!私が明確にできるかどうか私に教えてください。

EDIT:

https://tyler-coleman.github.io/

https://github.com/tyler-coleman/tyler-coleman.github.io

y'allのは、私が話している何より良いアイデアを持っているので、現在のサイトとレポへのリンクが含まれています。今のところ私は "cp -a build /。"を含めてこの問題を回避してきました。 package.jsonの私の展開スクリプトで。

ドキュメントには、プロジェクトページにデプロイするための指示が含まれていますが、ユーザーページには表示されないというのは奇妙なことだと思います。

+0

私の知る限り、GitHubページは静的サイトのホスティングのみをサポートしています。 –

+0

https://tyler-coleman.github.io/の外見から、それはうまくいったようですか?私は同じ問題を抱えているので、あなたがそれをどのように解決したか知りたいのは興味があります。 – zigzag

+0

は、EHM、本当に遅れて返信して申し訳ありません@zigzag、あなたはまだ何かを考え出したていない場合は - ここに私がやったことだ: を検索してから、すべてのファイルをコピーするpackage.jsonであなたの「展開」スクリプトを修正し、あなたのルートディレクトリにディレクトリを作成します。それは愚かですが、うまくいきます。私のものは次のようになります: "" predeploy ":" npm run build "、 " deploy ":" cp -a build /。 "、 " start ":" node scripts/start.js "、 " build ":" node scripts/build.js --history-api-fallback "、 " test ":"ノードスクリプト/ test.js --env = jsdom " }、 より洗練されたソリューションが見つかりました。 – Tyler

答えて

0

ローカルホストコンピュータはノードとノードパッケージマネージャを実行しているので、それが正常に動作します - githubのページは、あなたのインスタンスが反応するまでの奉仕に必要なものであるのNode.jsを実行しないでください。

あなたが反応し、実行、およびノー​​ドにしたい場合は、私は$ 5月のLinodeののLinuxボックスを胸が張り裂ける、あなたが必要なものをインストールをお勧めします。余分な$ 12のためにあなた自身の空想的なドメイン名を登録することができます..

+0

私が知っている限り、私はnode.jsを使用していません。パッケージマネージャー。 Github Pagesでホストされているとうまくいきます。チェックアウト: https://tyler-coleman.github.io/。 "cp/build /。"を追加することで、私はちょっと気になります。 package.jsonの "build"スクリプトで自分のビルドファイルを自分のルートディレクトリにコピーしますが、何かについては間違っています。ビルドファイルをコピーしてからrepoにプッシュしなくても、アプリを自分のユーザーページに展開するにはもっと専門的な方法が必要です。 申し訳ありませんが、私が理にかなっていない場合、私はReactアプリケーションに全く慣れていません。これは学ぶ試みです。 ありがとう! – Tyler

+0

正直言って私は自分自身に反応するのには少し戸惑いがちですが、私が知っている限り、ノードの上を走っています。 –

関連する問題