在Github Pages上反应:gh-pages包不起作用

Mis*_*319 6 github-pages reactjs windows-10 visual-studio-code

问题

我正在尝试将我的React应用程序放在github页面上。但是,我什至无法将应用程序部署到GitHub页面。

我的设定

我在Windows 10计算机上使用Visual Studio Code。我用create-react-app创建了我的React 应用。我按照本教程设置了适用于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": {}
}
Run Code Online (Sandbox Code Playgroud)

完整的资源在这里

我做了什么

要部署,您应该只运行

npm run deploy
Run Code Online (Sandbox Code Playgroud)

但是,当我从Windows PowerShell,Git Bash和命令提示符输入该命令时,我只会得到“找不到命令”的几种变体。

作为响应,我从开发人员依赖项中卸载了gh-pages并将其重新安装为常规依赖项。没变。在这一点上,我已经用尽了所有我能想到的解决方案,并且Google只招募了未在package.json中包含deploy命令的人员。

Cap*_*mye 10

您需要通过添加“-g”来全局安装 gh-pages:

npm install -g gh-pages --save-dev
Run Code Online (Sandbox Code Playgroud)

进而

npm run deploy
Run Code Online (Sandbox Code Playgroud)

文档:https : //devdocs.io/npm/getting-started/installing-npm-packages-globally


Pau*_*llo 5

您需要在运行部署之前安装 gh-pages,运行:

npm install --save-dev gh-pages 然后 npm run deploy