I am getting below error on running npm run build when it generate static pages

Question

ReferenceError: window is not defined at 99869 (/Users/admin/Desktop/raff/raff-frontend/.next/server/chunks/7450.js:1:2175763) at t (/Users/admin/Desktop/raff/raff-frontend/.next/server/webpack-runtime.js:1:143) at 97450 (/Users/admin/Desktop/raff/raff-frontend/.next/server/chunks/7450.js:1:2619858) at t (/Users/admin/Desktop/raff/raff-frontend/.next/server/webpack-runtime.js:1:143) at 92540 (/Users/admin/Desktop/raff/raff-frontend/.next/server/chunks/5644.js:1:61698) at t (/Users/admin/Desktop/raff/raff-frontend/.next/server/webpack-runtime.js:1:143) at 49814 (/Users/admin/Desktop/raff/raff-frontend/.next/server/chunks/5644.js:1:10198) at Object.t [as require] (/Users/admin/Desktop/raff/raff-frontend/.next/server/webpack-runtime.js:1:143) at require (/Users/admin/Desktop/raff/raff-frontend/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:16:18490) at I (/Users/admin/Desktop/raff/raff-frontend/node_modules/next/dist/compiled/next-server/app-page.runtime.prod.js:12:94362) ✓ Generating static pages (33/33)

Export encountered errors on following paths: /(auth)/login/page: /login /(auth-style-2)/login2/page: /login2 /(auth-style-3)/login3/page: /login3 /(main)/agreements/page: /agreements /(main)/calendar/page: /calendar /(main)/chat/page: /chat /(main)/home-empty-states/page: /home-empty-states /(main)/integrations/page: /integrations /(main)/page: / /(main)/settings/company-settings/page: /settings/company-settings /(main)/settings/general-settings/page: /settings/general-settings /(main)/settings/integrations/page: /settings/integrations /(main)/settings/notification-settings/page: /settings/notification-settings /(main)/settings/privacy-security/page: /settings/privacy-security /(main)/settings/profile-settings/page: /settings/profile-settings /(main)/teams/page: /teams

Niklas · Accepted Answer · 2025-05-16 14:56:47Z

0

Check where window is used in your code or third-party libraries and guard it so it's only accessed on the client side.

//Wrong: causes error during build
const width = window.innerWidth;

//Right: guard with typeof check
if (typeof window !== 'undefined') {
  const width = window.innerWidth;
}

answered May 16 at 14:56

Niklas

1

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

I am getting below error on running npm run build when it generate static pages

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related