从拉取的 github 项目启动 React App

IT技术 node.js reactjs npm
2021-05-09 09:55:05

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

我在虚拟机上运行 Ubuntu 16.04.3,我的节点版本是 4.2.6。我试过sudo apt-get install --only-upgrade nodejs但它只是说我的节点版本已经是最新的。(我包含这个是因为 npm start 给了我一堆错误并告诉我这可能是因为我可能需要更新节点)但是我用 create-react-app 创建的应用程序工作正常吗?错误: 在此处输入图片说明 Package.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"
        }
}
2个回答

执行以下步骤:

//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

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

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

npm audit fix

或者,使用以下命令查看错误:

npm audit