js报错window is not defined

回答: 当在Nuxt中使用window对象时，会报错"window is not defined"的错误。这是因为Nuxt是服务器端渲染的框架，编译打包时会区分服务端渲染和客户端渲染。在vue文件中使用window对象会导致报错，因为webpack将其加入了服务端脚本中。为了解决这个问题，可以在使用window对象之前判断当前代码环境是否是浏览器环境。另外，如果在引入工具包时报错，可以将工具包进行拆分，只引入需要的部分。还可以使用no-ssr组件来解决问题，该组件只在客户端呈现，可以避免在服务器渲染时出现window对象未定义的错误。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* *3* [Nuxt.js 报错 window is not defined || document is not defined](https://blog.csdn.net/SR1918/article/details/120880043)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [nodejs.ReferenceError:window is not defined](https://blog.csdn.net/qq_46595660/article/details/125418769)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]