web-dev-qa-db-ja.com

React：gh-pagesパッケージが機能しない

問題

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。

reactjsvisual-studio-codewindows-10github-pages
8
MisturDust319

スコアが足りないため、この投稿にコメントを追加できません。しかし、package.jsonコードにエラーがあります：

 "deploy:": "gh-pages -d build"

なぜなら、余分なセミコロンがあります:。そのはず：

"deploy": "gh-pages -d build"
1
catra

「-g」を追加して、gh-pagesをグローバルにインストールする必要があります。

npm install -g gh-pages --save-dev

ドキュメント： https://devdocs.io/npm/getting-started/installing-npm-packages-globally

1
Captone Habiyaremye

パスの問題である可能性があります。これは、* nixターミナルの代わりにcmdを使用しようとするWindowsユーザーの通常のケースです。まだ行っていない場合は、終了してcmdを入力してみてください。その後、gh-pagesパッケージにアクセスできることを確認する必要があります。

また、 同様の質問 に対する回答を探すこともできます。そして、 要件 で説明されているように、gitバージョンが> = 1.9であることを確認してください。

0
flppv

Deployを実行する前に、gh-pagesをインストールする必要があります。

npm install --save-dev gh-pagesそしてnpm run deploy

0
Paulinho Campello