在公司基于Nuxt项目中需要使用滚动组件,刷新之后会报错window is not defined
1. 安装 vue-seamless-scroll
npm install vue-seamless-scroll --save
2. 更改配置文件
报错 window is not defined,是由于nuxt是基于服务器渲染的框架,服务器渲染时没有wiindow定义的。
VUE报错:客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的,例如在其中嵌套块级元素或丢失。
在 plugins 目录中新建 vue-seamless-scroll.js 文件:
import Vue from 'vue'
import SeamlessScroll from 'vue-seamless-scroll'
Vue.use(SeamlessScroll)
在nuxt.config.js修改配置项
p

在基于Nuxt的项目中使用滚动组件vue-seamless-scroll,刷新后会报window is not defined错误。文章介绍了该组件的安装方法,分析报错原因是Nuxt为服务器渲染框架,还提及客户端虚拟DOM树与服务器内容不匹配问题,最后说明了配置文件修改及组件使用。
最低0.47元/天 解锁文章
4271

被折叠的 条评论
为什么被折叠?



