T
TanStack•2mo ago
quickest-silver

Deploy with vercel throws 'This Serverless Function has crashed.'

Hi I'm trying to deploy my project with vercel. I can run well in my local, and build successed. But, when I deploy to vercel, 'This Serverless Function has crashed.' are shown. I already set deploy target to 'vercel' in my vite.config.js. What should I do? 😿
No description
No description
3 Replies
extended-salmon
extended-salmon•2mo ago
what do the logs say?
quickest-silver
quickest-silverOP•2mo ago
Oh, the first question was my fault (__dirname is not defined in ES module) so I corrected it. But, other problem is occuered. 
[request error] [unhandled] [GET] https://realty-web-sinny-kim-karrot-karrot.vercel.app/
 H3Error: EMFILE: too many open files, open '/var/task/node_modules/@tanstack/react-router/dist/esm/routerContext.js'
    at async open (node:internal/fs/promises:633:25)
    ... 3 lines matching cause stack trace ...
    at async ModuleLoader.loadAndTranslate (node:internal/modules/esm/loader:580:32) {
  cause: Error: EMFILE: too many open files, open '/var/task/node_modules/@tanstack/react-router/dist/esm/routerContext.js'
      at async open (node:internal/fs/promises:633:25)
      at async readFile (node:internal/fs/promises:1237:14)
      at async getSource (node:internal/modules/esm/load:42:14)
      at async defaultLoad (node:internal/modules/esm/load:114:34)
      at async ModuleLoader.loadAndTranslate (node:internal/modules/esm/loader:580:32) {
    errno: -24,
    code: 'EMFILE',
    syscall: 'open',
    path: '/var/task/node_modules/@tanstack/react-router/dist/esm/routerContext.js'
  },
  statusCode: 500,
  fatal: false,
  unhandled: true,
  statusMessage: undefined,
  data: undefined
}
[request error] [unhandled] [GET] https://realty-web-sinny-kim-karrot-karrot.vercel.app/
 H3Error: EMFILE: too many open files, open '/var/task/node_modules/@tanstack/react-router/dist/esm/routerContext.js'
    at async open (node:internal/fs/promises:633:25)
    ... 3 lines matching cause stack trace ...
    at async ModuleLoader.loadAndTranslate (node:internal/modules/esm/loader:580:32) {
  cause: Error: EMFILE: too many open files, open '/var/task/node_modules/@tanstack/react-router/dist/esm/routerContext.js'
      at async open (node:internal/fs/promises:633:25)
      at async readFile (node:internal/fs/promises:1237:14)
      at async getSource (node:internal/modules/esm/load:42:14)
      at async defaultLoad (node:internal/modules/esm/load:114:34)
      at async ModuleLoader.loadAndTranslate (node:internal/modules/esm/loader:580:32) {
    errno: -24,
    code: 'EMFILE',
    syscall: 'open',
    path: '/var/task/node_modules/@tanstack/react-router/dist/esm/routerContext.js'
  },
  statusCode: 500,
  fatal: false,
  unhandled: true,
  statusMessage: undefined,
  data: undefined
}
No description
quickest-silver
quickest-silverOP•2mo ago
And This is my vite.config 
// https://vitejs.dev/config/
export default defineConfig({
  server: {
    port: 4000,
  },

  plugins: [
    react(),
    tsconfigPaths({
      root: path.resolve(__dirname, '.'),
    }),
    relay,
    sentryVitePlugin({
      release: {
        name: SENTRY_RELEASE_TARGET,
      },
      ...(IS_PRODUCTION && {
        sourcemaps: {
          filesToDeleteAfterUpload: ['**/*.js.map'],
        },
      }),
    }),
    tanstackStart({
      customViteReactPlugin: true,
      target: 'vercel',
    }),
    cjsInterop({
      dependencies: [
        '@sentry/react',
        'react-relay',
        'relay-runtime',
        'react-lazy-load-image-component',
      ],
    }),
  ],

  build: {
    sourcemap: true,
  },
});
// https://vitejs.dev/config/
export default defineConfig({
  server: {
    port: 4000,
  },

  plugins: [
    react(),
    tsconfigPaths({
      root: path.resolve(__dirname, '.'),
    }),
    relay,
    sentryVitePlugin({
      release: {
        name: SENTRY_RELEASE_TARGET,
      },
      ...(IS_PRODUCTION && {
        sourcemaps: {
          filesToDeleteAfterUpload: ['**/*.js.map'],
        },
      }),
    }),
    tanstackStart({
      customViteReactPlugin: true,
      target: 'vercel',
    }),
    cjsInterop({
      dependencies: [
        '@sentry/react',
        'react-relay',
        'relay-runtime',
        'react-lazy-load-image-component',
      ],
    }),
  ],

  build: {
    sourcemap: true,
  },
});

Did you find this page helpful?