Route config in "routes.js" is invalid.

[techaccounts]

getting error on deploying in heroku

remote: Step 9/10 : RUN npm run build
remote: ---> Running in 6639f26b9b28
remote:
remote: > build
remote: > remix vite:build
remote:
remote: Route config in "routes.js" is invalid.
remote:
remote: Error: Failed to load url @remix-run/fs-routes (resolved id: @remix-run/fs-routes) in /app/app/routes.js. Does the file exist?

[TwistyPuzzles]

Im also having the same issue with Fly.io

did you manage to sort anything out with this?

[Mustafa2]

Having Same Issue. Any solution please let me know.

[idus-agency]

You should move @remix-run/fs-routes from devDependencies to dependencies in the package.json. This should ensure it’s available in the production environment as required.

[techaccounts]

used this

{

"name": "pilgrim-coupons",

"private": true,

"scripts": {

"build": "remix vite:build",

"dev": "shopify app dev",

"config:link": "shopify app config link",

"generate": "shopify app generate",

"deploy": "shopify app deploy",

"config:use": "shopify app config use",

"env": "shopify app env",

"start": "remix-serve ./build/server/index.js",

"docker-start": "npm run setup && npm run start",

"setup": "prisma generate && prisma migrate deploy",

"lint": "eslint --cache --cache-location ./node_modules/.cache/eslint .",

"shopify": "shopify",

"prisma": "prisma",

"graphql-codegen": "graphql-codegen",

"vite": "vite"

},

"type": "module",

"engines": {

"node": "^18.20 || ^20.10 || >=21.0.0"

},

"dependencies": {

"@prisma/client": "^5.11.0",

"@remix-run/dev": "^2.7.1",

"@remix-run/node": "^2.7.1",

"@remix-run/react": "^2.7.1",

"@remix-run/serve": "^2.7.1",

"@shopify/app-bridge-react": "^4.1.2",

"@shopify/polaris": "^12.0.0",

"@shopify/shopify-app-remix": "^3.5.1",

"@shopify/shopify-app-session-storage-prisma": "^5.1.5",

"isbot": "^5.1.0",

"prisma": "^5.11.0",

"react": "^18.2.0",

"react-dom": "^18.2.0",

"vite-tsconfig-paths": "^5.0.1",

"@remix-run/fs-routes": "^2.15.0"

},

"devDependencies": {

"@remix-run/eslint-config": "^2.7.1",

"@remix-run/route-config": "^2.15.0",

"@shopify/api-codegen-preset": "^1.1.1",

"@types/eslint": "^8.40.0",

"@types/node": "^22.2.0",

"@types/react": "^18.2.31",

"@types/react-dom": "^18.2.14",

"eslint": "^8.42.0",

"eslint-config-prettier": "^9.1.0",

"prettier": "^3.2.4",

"typescript": "^5.2.2",

"vite": "^5.1.3"

},

"workspaces": [

"extensions/*"

],

"trustedDependencies": [

"@shopify/plugin-cloudflare"

],

"resolutions": {},

"overrides": {},

"author": "deepak"

}

[Mustafa2]

Thanks Alot it works.

[techaccounts]

It worked now, but seeing application error

prisma:warn Prisma failed to detect the libssl/openssl version to use, and may not work as expected. Defaulting to "openssl-1.1.x".
2024-12-11T11:32:43.927538+00:00 app[web.1]: Please manually install OpenSSL and try installing Prisma again.
2024-12-11T11:32:44.159654+00:00 app[web.1]: prisma:warn Prisma failed to detect the libssl/openssl version to use, and may not work as expected. Defaulting to "openssl-1.1.x".
2024-12-11T11:32:44.159659+00:00 app[web.1]: Please manually install OpenSSL and try installing Prisma again.
2024-12-11T11:32:44.161418+00:00 app[web.1]: Prisma schema loaded from prisma/schema.prisma
2024-12-11T11:32:44.168739+00:00 app[web.1]: Datasource "db": SQLite database "dev.sqlite" at "file:dev.sqlite"
2024-12-11T11:32:44.183042+00:00 app[web.1]:
2024-12-11T11:32:44.183185+00:00 app[web.1]: Error: Could not parse schema engine response: SyntaxError: Unexpected token E in JSON at position 0
2024-12-11T11:32:44.212531+00:00 app[web.1]: npm notice
2024-12-11T11:32:44.212532+00:00 app[web.1]: npm notice New minor version of npm available! 10.8.2 -> 10.9.2
2024-12-11T11:32:44.212533+00:00 app[web.1]: npm notice Changelog: https://github.com/npm/cli/releases/tag/v10.9.2
2024-12-11T11:32:44.212533+00:00 app[web.1]: npm notice To update run: npm install -g npm@10.9.2
2024-12-11T11:32:44.212534+00:00 app[web.1]: npm notice
2024-12-11T11:32:44.279012+00:00 heroku[web.1]: Process exited with status 1
2024-12-11T11:32:44.310612+00:00 heroku[web.1]: State changed from starting to crashed
2024-12-11T11:35:00.341058+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=pilgrim-coupon-d52bfbe8a139.herokuapp.com request_id=7859718d-cca2-461b-b7fc-48c7d7dae293 fwd="106.219.69.119" dyno= connect= service= status=503 bytes= protocol=https
2024-12-11T11:35:01.398254+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=pilgrim-coupon-d52bfbe8a139.herokuapp.com request_id=1b4daedb-06dd-4bef-b657-3ffdc05749c7 fwd="106.219.69.119" dyno= connect= service= status=503 bytes= protocol=https

[EssDeeJay]

Add the following code to your docker file to fix this. 

This helped me deploy my application successfully.