Endless npm install loop for react app

Help
1

Overview

I am deploying a simple react app. It has a homepage and two tabs, with text and very basic css animation. I am running npm start locally and launching the application with no problem. The problem is that my Vercel deployments are getting stuck in an endless npm install loop. Thank you in advance for any suggestions or advice.

Current versus Expected behavior

Current Behavior:


> Acosta@0.1.0 install

00:33:41.055> npm install

00:33:41.056

00:33:43.836

00:33:43.836> Acosta@0.1.0 install

00:33:43.837> npm install

00:33:43.837

00:33:46.591

00:33:46.591> Acosta@0.1.0 install

00:33:46.592> npm install

00:33:46.592

00:33:49.339

00:33:49.339> Acosta@0.1.0 install

00:33:49.340> npm install

00:33:49.340

00:33:52.147

00:33:52.148

Code, configuration, and steps that reproduce this issue

{
  "name": "Acosta",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "axios": "^0.26.1",
    "bootstrap": "^5.1.3",
    "react": "^17.0.2",
    "react-bootstrap": "^2.2.1",
    "react-dom": "^17.0.2",
    "react-icons": "^4.8.0",
    "react-parallax-tilt": "^1.7.42",
    "react-router-dom": "^6.2.2",
    "react-scripts": "5.0.0",
    "react-tsparticles": "^1.42.2",
    "typewriter-effect": "^2.18.2",
    "web-vitals": "^2.1.4"
  },
  "scripts": {
    "install": "npm install",
    "start": "react-scripts start --force",
    "build": "react-scripts build --force",
    "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": {
    "@babel/plugin-proposal-private-property-in-object": "^7.21.11"
  }
}

npm install
react-scripts build
npm start

Project information

Project Framework: react
Build Settings:
  Framework Preset:
  Build Command (if not default): react-scripts build
  Output Directory (if not default):
  Install Command (if not default): npm install
Package Manager: package.json
2

This is solved by removing the npm install command from the package.json.

See: node.js - React App's npm i is Hanging on Installation - Stack Overflow

1 Like
3

Thanks for coming back with your solution, @bhaney44!

4

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.