React Web Github.ioとして配備
いつも忘れてる...最終的には記録しておきます.
わたしは….金魚...
Netlifyを使用すると、簡単なHTMLサイトを簡単に導入できます.ただし、reactで作成したWebサイトを公開する場合はgithubアカウントを使用して配置する必要があります.(無料でよかった)
配置するプロジェクトのレコードライブラリを作成する必要があります(必ず!!)
この間違いをして苦労した日は...
ターミナルウィンドウに次のコマンドを入力してインストールします.
npm install gh-pages
Reactプロジェクトの場合、
忹忹と混同しないように注意する
(位置は関係ないようですが、はっきり見えるように一番下に置いただけなので、私)
気持ちのせいかもしれませんが、この段階では必ず提出し、プッシュします.なぜか分からないたびに間違いが...そのまま
ターミナルウィンドウを再度開き、次のコマンドを入力します.
npm run deploy
最初は本当に大変でした.いつもエラー...グーグルでも間違いは起こらない...
エラーは記録されていませんが、後で追加します...こんにちは
わたしは….金魚...
Netlifyを使用すると、簡単なHTMLサイトを簡単に導入できます.ただし、reactで作成したWebサイトを公開する場合はgithubアカウントを使用して配置する必要があります.(無料でよかった)
1.Githubの発行
配置するプロジェクトのレコードライブラリを作成する必要があります(必ず!!)
この間違いをして苦労した日は...
2.インストール
ターミナルウィンドウに次のコマンドを入力してインストールします.
npm install gh-pages
3. package.jsonファイルの変更
Reactプロジェクトの場合、
src
フォルダにpackage.json
というファイルがあります.この書類は修正が必要です.忹忹と混同しないように注意する
スクリプトに次のコードを追加
"deploy" : "gh-pages -d build",
"predeploy" : "npm run build"
ホームの追加
"homepage" : "https://깃허브아이디.github.io/레포지토리이름/"
package-lock.json
ファイルの下部に追加されます(位置は関係ないようですが、はっきり見えるように一番下に置いただけなので、私)
3.5. 再提出
気持ちのせいかもしれませんが、この段階では必ず提出し、プッシュします.なぜか分からないたびに間違いが...そのまま
4.配置
ターミナルウィンドウを再度開き、次のコマンドを入力します.
npm run deploy
package.json
下図のように、導入に成功しました[意外]クレイジーな間違い
最初は本当に大変でした.いつもエラー...グーグルでも間違いは起こらない...
エラーは記録されていませんが、後で追加します...こんにちは
Reference
この問題について(React Web Github.ioとして配備), 我々は、より多くの情報をここで見つけました https://velog.io/@seondal/React-웹-Github.io로-배포하기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol