Remix not found error even i have the dependency installed in my json file

3:02:59 PM: Netlify Build                                                 
3:02:59 PM: ────────────────────────────────────────────────────────────────
3:02:59 PM: ​
3:02:59 PM: ❯ Version
3:02:59 PM:   @netlify/build 29.56.1
3:02:59 PM: ​
3:02:59 PM: ❯ Flags
3:02:59 PM:   accountId: 67392d357f55411b7cc608ce
3:02:59 PM:   baseRelDir: true
3:02:59 PM:   buildId: 673a0578057182dbf83b9eed
3:02:59 PM:   deployId: 673a0578057182dbf83b9eef
3:02:59 PM: ​
3:02:59 PM: ❯ Current directory
3:02:59 PM:   /opt/build/repo
3:02:59 PM: ​
3:02:59 PM: ❯ Config file
3:02:59 PM:   No config file was defined: using default values.
3:02:59 PM: ​
3:02:59 PM: ❯ Context
3:02:59 PM:   production
3:02:59 PM: ​
3:02:59 PM: Build command from Netlify app                                
3:02:59 PM: ────────────────────────────────────────────────────────────────
3:02:59 PM: ​
3:02:59 PM: $ npm install remix && CI= npm run build
3:03:00 PM: npm WARN EBADENGINE Unsupported engine {
3:03:00 PM: npm WARN EBADENGINE   package: 'remix@2.14.0',
3:03:00 PM: npm WARN EBADENGINE   required: { node: '>=18.0.0' },
3:03:00 PM: npm WARN EBADENGINE   current: { node: 'v16.20.2', npm: '8.19.4' }
3:03:00 PM: npm WARN EBADENGINE }
3:03:00 PM: up to date, audited 250 packages in 829ms
3:03:00 PM: 93 packages are looking for funding
3:03:00 PM:   run `npm fund` for details
3:03:00 PM: found 0 vulnerabilities
3:03:00 PM: > starter@0.0.0 build
3:03:00 PM: > remix build
3:03:00 PM: sh: 1: remix: not found
3:03:00 PM: ​
3:03:00 PM: "build.command" failed                                        
3:03:00 PM: ────────────────────────────────────────────────────────────────
3:03:00 PM: ​
3:03:00 PM:   Error message
3:03:00 PM:   Command failed with exit code 127: npm install remix && CI= npm run build (https://ntl.fyi/exit-code-127)
3:03:00 PM: ​
3:03:00 PM:   Error location
3:03:00 PM:   In Build command from Netlify app:
3:03:00 PM:   npm install remix && CI= npm run build
3:03:00 PM: ​
3:03:00 PM:   Resolved config
3:03:00 PM:   build:
3:03:00 PM:     command: npm install remix && CI= npm run build
3:03:00 PM:     commandOrigin: ui
3:03:00 PM:     environment:
3:03:00 PM:       - CI
3:03:00 PM:     publish: /opt/build/repo/dist
3:03:00 PM:     publishOrigin: ui
3:03:00 PM: Build failed due to a user error: Build script returned non-zero exit code: 2
3:03:01 PM: Failed during stage 'building site': Build script returned non-zero exit code: 2 (https://ntl.fyi/exit-code-2)
3:03:01 PM: Failing build: Failed to build site
3:03:01 PM: Finished processing build request in 19.396s
{
  "name": "starter",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "remix build",
    "vite:build": "vite build",
    "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
    "preview": "vite preview",
    "node": "16.x"
  },
  "dependencies": {
    "framer-motion": "^10.16.4",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "remix": "^2.14.0"
  },
  "devDependencies": {
    "@remix-run/dev": "2.14.0",
    "@types/react": "18.2.15",
    "@types/react-dom": "18.2.7",
    "@vitejs/plugin-react": "4.0.3",
    "eslint": "8.45.0",
    "eslint-plugin-react": "7.32.2",
    "eslint-plugin-react-hooks": "4.6.0",
    "eslint-plugin-react-refresh": "0.4.3",
    "vite": "^4.5.5"
  },
  "engines": {
    "node": "16.x"
  }
}




This is my netlify build settings

@WesleyK Did you notice this?

3:03:00 PM: npm WARN EBADENGINE Unsupported engine {
3:03:00 PM: npm WARN EBADENGINE   package: 'remix@2.14.0',
3:03:00 PM: npm WARN EBADENGINE   required: { node: '>=18.0.0' },
3:03:00 PM: npm WARN EBADENGINE   current: { node: 'v16.20.2', npm: '8.19.4' }

It indicates you’re running node v16.20.2 but that the remix package you’re installing requires >=18.0.0

There are several way you can set the node version on Netlify, read the documentation here:
https://docs.netlify.com/configure-builds/manage-dependencies/#node-js-and-javascript