node · JavaScript
报错原文
ReferenceError: window is not defined
这是什么意思
这段代码是在服务器的 Node 里跑的，不是在浏览器里。Node 没有 window、没有 document、也没有 localStorage，所以在 Next.js、Nuxt 这类先做服务端渲染的框架里，模块加载阶段就去碰 window，就会停在这里——往往是组件外面的那一行，或者仅限浏览器的库的 import 本身。如果这活儿只属于浏览器，用 typeof window !== 'undefined' 包住，或者更好，把它搬进 useEffect，因为 effect 只在浏览器里运行。若整个库都只能在浏览器用，Next.js 里可以用 dynamic(() => import('./C'), { ssr: false }) 把它从服务端渲染里排除，代价是这部分不会出现在服务器生成的 HTML 中。
怎么修
这个没有一行命令能解决。说明里写了该看哪里。
- 来自
- node
- JavaScript
- 15
浏览器和 node 的错误通常只告诉你什么坏了，不告诉你那个值为什么变成这样——你读了 undefined、它不是函数、它不是 JSON——所以该修的地方在抛错那一行的上游；只用 ?. 和默认值把那一行按住，同样的问题会在更远的地方、以更难辨认的样子回来。
怎么读报错
- 从第一行往下读。越往下越是工具内部的事，起因通常写在最上面。
- 有文件名和行号就从那里查——不是栈顶那一帧，而是最上面那条提到你自己写的文件的行。
- 把报错原文照样去搜，但先去掉你自己的路径和变量名，正是那些让搜索匹配不上。
- 同一种情况在不同版本里措辞不同。结果不对头，就把版本号一起加进查询。
- 粘贴修法之前，先确认它会丢掉什么。这里面有些是不能撤回的。
常见问题
Q. “ReferenceError: window is not defined” 是什么意思？
这段代码是在服务器的 Node 里跑的，不是在浏览器里。Node 没有 window、没有 document、也没有 localStorage，所以在 Next.js、Nuxt 这类先做服务端渲染的框架里，模块加载阶段就去碰 window，就会停在这里——往往是组件外面的那一行，或者仅限浏览器的库的 import 本身。如果这活儿只属于浏览器，用 typeof window !== 'undefined' 包住，或者更好，把它搬进 useEffect，因为 effect 只在浏览器里运行。若整个库都只能在浏览器用，Next.js 里可以用 dynamic(() => import('./C'), { ssr: false }) 把它从服务端渲染里排除，代价是这部分不会出现在服务器生成的 HTML 中。
Q. 怎么修？
没有一行命令能解决。上面的说明写了该看哪里。
Q. 这是哪个工具报的？
node。它属于JavaScript，报错原文有 5 个词。