Error: Failed to resolve “@remix-run/dev”. To fix this error, add “@remix-run/dev” to “dependencies” in your package.json file.
Is @remix-run/dev in the package.json file devDependencies?
Yes its in both package.json.
Why is remix/dev needed in prodution?
The @remix-run/dev package contains the Remix CLI, so you wouldn’t want to deploy it to production.
Instead, if you’re using latest for @remix-run, you would have these in your package.json’s dependencies section for a “production” deployment:
"@remix-run/node": "^2.12.1",
"@remix-run/react": "^2.12.1",
"@remix-run/serve": "^2.12.1",
I’m curious as to why you’re seeing the error itself stating you need to add the @remix-run/dev to your dependencies though
. What were you doing when that error cropped up?
I was deploying the app to Vercel. Not sure why its asking for @remin-run/dev when I am doing a deployment.
Here is my package.json
{
“name”: “customer-portal”,
“private”: true,
“sideEffects”: false,
“type”: “module”,
“scripts”: {
“build”: “NODE_ENV=production remix build”,
“dev”: “PORT=51580 remix dev --manual”,
“lint”: “eslint --ignore-path .gitignore --cache --cache-location ./node_modules/.cache/eslint .”,
“start”: “NODE_ENV=production POYNT_URL=‘https://poynt.net/snippet/poynt-collect/bundle.js’ POYNT_APP_ID=‘urn:aid:df5ae5f0-6360-4024-819f-b7a17b92d5c7’ node server.js”,
“typecheck”: “tsc”
},
“dependencies”: {
“@elastic/elasticsearch”: “^8.12.2”,
“@remix-run/css-bundle”: “^2.5.1”,
“@remix-run/node”: “^2.12.1”,
“@remix-run/react”: “^2.12.1”,
“@remix-run/serve”: “^2.12.1”,
“dotenv”: “^16.4.5”,
“is-ip”: “^5.0.1”,
“isbot”: “^4.1.0”,
“react”: “^18.2.0”,
“react-code-input”: “^3.10.1”,
“react-dom”: “^18.2.0”,
“react-hook-mask”: “^1.1.18”,
“react-signature-pad-wrapper”: “^3.4.0”,
“remix-utils”: “^7.5.0”
},
“devDependencies”: {
“@remix-run/node”: “^2.12.1”,
“@remix-run/react”: “^2.12.1”,
“@remix-run/server-runtime”: “^2.12.1”,
“@types/react”: “^18.2.20”,
“@types/react-dom”: “^18.2.7”,
“@typescript-eslint/eslint-plugin”: “^6.7.4”,
“eslint”: “^8.38.0”,
“eslint-config-prettier”: “^9.0.0”,
“eslint-import-resolver-typescript”: “^3.6.1”,
“eslint-plugin-import”: “^2.28.1”,
“eslint-plugin-jsx-a11y”: “^6.7.1”,
“eslint-plugin-react”: “^7.33.2”,
“eslint-plugin-react-hooks”: “^4.6.0”,
“tailwindcss”: “^3.4.1”,
“typescript”: “^5.1.6”
},
“engines”: {
“node”: “>=20.0.0”
}
}
I don’t see @remix-run/dev in your devDependencies. However, I came across Remix’s changelog referring to this – it looks like a fix was made: changelog#v241.
“avoid issues where
@remix-run/devcould be inadvertently required in your server’s production dependencies”
Could you make sure you’re using @remix-run/dev@2.4.1 or greater in your devDependencies? Otherwise, without seeing the codebase itself, it will be quite challenging to determine what’s causing this error to crop up during deployment.
This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.