按照步骤,执行 node server.js报错

来源:8-14 对SPA应用的第一次SSR改造:新建服务端入口、开启本地环境Node服务-2【中】

weixin_慕瓜5226519

2023-06-11

D:\vue3+ts+ssr+vite\airbnb-ssr>node server.js
node-server运行成功
[Vue warn]: Unhandled error during execution of setup function
at <HeaderCommon onChangeLanguage=fn >
[Vue warn]: Unhandled error during execution of setup function
at <HeaderCommon onChangeLanguage=fn >
D:\vue3+ts+ssr+vite\airbnb-ssr\node_modules@vue\runtime-dom\dist\runtime-dom.cjs.js:1440
const res = document.querySelector(container);
^

ReferenceError: document is not defined
at normalizeContainer (D:\vue3+ts+ssr+vite\airbnb-ssr\node_modules@vue\runtime-dom\dist\runtime-dom.cjs.js:1440:17)
at app.mount (D:\vue3+ts+ssr+vite\airbnb-ssr\node_modules@vue\runtime-dom\dist\runtime-dom.cjs.js:1396:23)
at eval (D:/vue3+ts+ssr+vite/airbnb-ssr/src/entry-server.ts:9:7)

Node.js v18.16.0

写回答

1回答

Harry_wang

2023-06-12

1、document是客户端的对象,服务端渲染肯定会报错,应该是你正在使用一个依赖包包含document,你排查下,做下兼容,在代码中判断document是否存在来避免报错

2、node版本尽量和课程中版本一致哦

0
6
weixin_慕瓜5226519
回复
Harry_wang
我改的太乱了,最后直接拉取那一节的代码,重新写了
2023-06-12
共6条回复

Vue3+TS打造SSR网站应用,0到1实现服务端渲染

教你一套前端技术组合拳,Get全套网站优化解决方案

368 学习 · 192 问题

查看课程