Search code examples
reactjsvercelremix.run

Deploy react-router-v7 to Vercel

I upgraded my remix app to react-router-v7 but cannot get it to deploy on Vercel (used to work fine).

I have done all the things all the internet says but something is going wrong with the type imports it seems.

This is the errorlog

✓ 114 modules transformed.
x Build failed in 1.54s
Could not resolve "./+types/layout" from "app/routes/website/layout.tsx"
file: /vercel/path0/app/routes/website/layout.tsx
    at getRollupError (file:///vercel/path0/node_modules/rollup/dist/es/shared/parseAst.js:396:41)
    at error (file:///vercel/path0/node_modules/rollup/dist/es/shared/parseAst.js:392:42)
    at ModuleLoader.handleInvalidResolvedId (file:///vercel/path0/node_modules/rollup/dist/es/shared/node-entry.js:20088:24)
    at file:///vercel/path0/node_modules/rollup/dist/es/shared/node-entry.js:20048:26 {
  code: 'UNRESOLVED_IMPORT',
  exporter: './+types/layout',
  id: '/vercel/path0/app/routes/website/layout.tsx',
  watchFiles: [
    '/vercel/path0/node_modules/@react-router/dev/dist/config/defaults/entry.client.tsx',
    '/vercel/path0/app/root.tsx',
    '/vercel/path0/app/routes/website/layout.tsx',
    '/vercel/path0/app/routes/website/index.tsx',
    '/vercel/path0/app/routes/website/login.tsx',
    '/vercel/path0/app/routes/website/forgot-password.tsx',
    '/vercel/path0/app/routes/website/signup.tsx',
    '/vercel/path0/app/routes/website/signup.success.tsx',
    '/vercel/path0/app/routes/website/privacy.tsx',
    '/vercel/path0/app/routes/website/terms.tsx',
    '/vercel/path0/app/routes/website/update-password.tsx',
    '/vercel/path0/app/routes/website/logout.tsx',

It goes on much longer basically every file there is gives this error. Locally it works fine.

Anyone any idea I am quite desperate.

Solution

  • React Router v7 is now supported on Vercel: https://x.com/vercel_changes/status/1890104465862332725