从拉取的 github 项目启动 React App答案

【问题标题】：Starting React App from pulled github project从拉取的 github 项目启动 React App
【发布时间】：2018-04-18 14:59:06
【问题描述】：

我已将包含 reactjs 应用程序代码的 github 存储库提取到我的一个目录中，但我找不到在我的计算机上运行该应用程序的方法。我可以使用 create-react-app 启动一个新应用，但我不能/（不知道如何）使用现有应用代替新创建的应用。

我在虚拟机上运行 Ubuntu 16.04.3，我的节点版本是 4.2.6。我试过 sudo apt-get install --only-upgrade nodejs 但它只是说我的节点版本已经是最新的。（我包括这个是因为 npm start 给了我一堆错误并告诉我这可能是因为我可能必须更新节点）但是我用 create-react-app 创建的应用程序工作正常吗？错误：包.json：

{
    "name": "my-app",
    "version": "0.1.0",
    "private": true,
    "dependencies": {
        "bootstrap": "^3.3.7",
        "express": "^4.16.2",
        "package.json": "^2.0.1",
        "prop-types": "^15.6.0",
        "react": "^16.0.0",
        "react-bootstrap": "^0.31.5",
        "react-dom": "^16.0.0",
        "react-router-dom": "^4.2.2",
        "react-scripts": "1.0.14",
        "uuid": "^3.1.0",
        "webpack": "^3.8.1"
        },
    "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test --env=jsdom",
        "eject": "react-scripts eject"
        },
    "devDependencies": {
        "babel-cli": "^6.26.0",
        "babel-preset-env": "^1.6.1"
        }
}

【问题讨论】：

首先您应该阅读自述文件。然后，如果它是空的，请浏览 package.json 以查看可以运行的可用脚本。
thnks，readme 是空的，所以我查看了 package.json；它在脚本下具有启动、构建、测试和弹出功能。 ("start": "react-scripts start" 等等)
那么npm run start 应该可以解决问题。
你能显示 package.json 吗？
我会更新问题的error和package.json

标签： node.js reactjs npm

【解决方案1】：

执行以下步骤：

//Step 1:
git clone [repository url]

//Step 2:
cd [local repository]

//Step 3:
//Check package.json file and ensure scripts are notated as below:

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

//Step 4: 
/* Delete the node_modules folder and any 'lock' files such as 
yarn.lock or package-lock.json if present.*/

//Step 5: 
npm install

//Step 6:
npm start

注意：从某些存储库克隆时，yarn 和 npm 之间可能存在一些冲突。最好假设每个 repo 在最终运行 npm install 之前可能需要修剪。我在几个不同的因素下多次测试了上述步骤。这是我迄今为止最好的。

【讨论】：

有时我们可以使用yarn start 命令来运行react app。大多数情况下，如果他们将yarn 配置为包管理器并且他们已经在他们的电脑上安装了yarn。
感谢@Sinapcs。这个回复对我有用。

【解决方案2】：

如果 npm install 后出现问题，请运行以下命令自动修复问题：

npm audit fix

或者，使用下面的代码来查看错误：

npm audit

【讨论】：