Vuepress执行 build,出现 window is not defined 错误。

vuepress 在主题的上面提供了扩展功能，使得我们可以使用第三方依赖包进行开发，如element ui , swiper 等库。具体做法参考官网：https://vuepress.vuejs.org/zh/guide/basic-config.html#%E5%BA%94%E7%94%A8%E7%BA%A7%E5%88%AB%E7%9A%84%E9%85%8D%E7%BD%AE在开发完成执行b

夜偷吻者梦

5519人浏览 · 2020-12-04 17:30:29

夜偷吻者梦 · 2020-12-04 17:30:29 发布

vuepress 在主题的上面提供了扩展功能，使得我们可以使用第三方依赖包进行开发，如element ui , swiper 等库。
具体做法参考官网:
vuepress官网应用级别配置
在开发完成执行build 的时候，由于一些第三方依赖包使用了浏览器API,如window 对象, vuepress 又是服务端渲染。服务端渲染没有window 对象，会导致build 出现如下错误。
在这里插入图片描述
官网提供了解决方式：
vuepress 官网浏览器 Api 访问限制

另外的解决方式：
在github issues 上找到解决方式：
在这里插入图片描述
原理是通过判断是不是在服务端来进行第三方依赖包的引用。

在测试的过程中发现，由于异步加载第三方依赖包，导致页面渲染会出错。
解决方式，使用async await 进行处理

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^