“npm start”花费时间太长

Question

每当我在 VsCode 中作为 React 应用程序运行“npm start”时，都会花费大约 30 秒的时间。但是我有朋友的计算机比我慢，大约需要 5 - 10 秒。这里可能有什么问题？是否有命令或库可以使“npm start”更快？预先感谢！

这是我的 package.js 文件：

{
  "name": "m_city",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-ui/core": "^4.12.3",
    "@material-ui/icons": "^4.11.2",
    "@testing-library/jest-dom": "^5.16.3",
    "@testing-library/react": "^12.1.4",
    "@testing-library/user-event": "^13.5.0",
    "d3-ease": "^3.0.1",
    "firebase": "^9.6.10",
    "formik": "^2.2.9",
    "react": "^17.0.2",
    "react-awesome-reveal": "^3.8.1",
    "react-dom": "^17.0.2",
    "react-move": "^6.5.0",
    "react-router-dom": "^6.2.2",
    "react-scripts": "5.0.0",
    "react-toastify": "^8.2.0",
    "web-vitals": "^2.1.4",
    "yup": "^0.32.11"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "react-app-rewired-esbuild": "^0.0.10"
  },
  "resolutions": {
    "react-scripts/eslint-webpack-plugin": "2.4.1"
  }
}

Answer 1

这取决于您如何创建 React 应用程序。 您可以使用

yarn

或

npx

代替

npm

。

解决方案01

npx create-react-app my-app

这里

npx

将检查您的软件包是否已在本地或全局存在，如果没有找到

npx

将安装您的软件包。

解决方案02

您还可以使用

yarn

这实际上是

npm

的替代品。您只需全局安装

yarn

。

npm install --global yarn
yarn create react-app my-app
cd my-app
yarn start

之后，您可以使用

yarn

安装任何软件包，速度比以前更快。例如：

yarn add firebase

有关纱线的更多信息，请参阅此处。

Answer 2

更换另一个终端。我使用ubuntu启动npm，大约需要5分钟，但是当我使用git时，只需30秒，我不知道为什么

Answer 3

我也遇到了这个问题，我只是移动到另一个终端，现在一切都需要不到 5 秒，尝试 git bash。

Answer 4

在终端中，通过选择“+”旁边的“向下箭头”打开新终端，然后选择 git bash。然后再次运行“npm start”。 Git bash 更快。