Reactアプリをgithubページに配置しようとしています。ただし、アプリをGitHubページにデプロイすることもできません。
Windows10マシンでVisualStudioCodeを使用しています。 React app withcreate-react-appを作成しました。 このチュートリアルを設定するGithub Pages用の私のアプリ 。これは私のpackage.jsonです:
{
"homepage": "https://MisturDust319.github.io/ign_code_foo",
"name": "ign_code_foo",
"version": "0.1.0",
"private": true,
"dependencies": {
"axios": "^0.18.0",
"bootstrap": "^4.1.0",
"gh-pages": "^1.1.0",
"react": "^16.3.1",
"react-dom": "^16.3.1",
"react-scripts": "1.1.4",
"reactstrap": "^5.0.0-beta.3"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject",
"predeploy": "npm run build",
"deploy:": "gh-pages -d build"
},
"devDependencies": {}
}
完全なソースが利用可能です ここ
デプロイするには、実行するだけです。
npm run deploy
ただし、Windows PowerShell、Git Bash、およびコマンドプロンプトからそのコマンドを入力すると、「コマンドが見つかりません」のバリエーションがいくつか表示されます。
それに応じて、dev-dependenciesからgh-pagesをアンインストールし、通常の依存関係として再インストールしました。変化なし。この時点で、私は考えられるすべてのソリューションを使い果たしました、そしてグーグルはパッケージにdeployコマンドを含まなかった人々だけを引き上げました.json。
スコアが足りないため、この投稿にコメントを追加できません。しかし、package.jsonコードにエラーがあります:
"deploy:": "gh-pages -d build"
なぜなら、余分なセミコロンがあります:
。そのはず:
"deploy": "gh-pages -d build"
「-g」を追加して、gh-pagesをグローバルにインストールする必要があります。
npm install -g gh-pages --save-dev
ドキュメント: https://devdocs.io/npm/getting-started/installing-npm-packages-globally
Deployを実行する前に、gh-pagesをインストールする必要があります。
npm install --save-dev gh-pages
そしてnpm run deploy