ReferenceError: window is not defined

[luxiag]

使用webpack打包的时候提示这个错误
但是使用webpack dev的时候是正常
涉及window使用的代码的全部都被包裹

if(!__VUEPRESS_SSR__){
    window...
}

错误提示

ReferenceError: window is not defined
    at Object.70464 (/Users/mac/Documents/blog/src/.vuepress/.temp/.server/464.app.cjs:1602:31)
    at __webpack_require__ (/Users/mac/Documents/blog/src/.vuepress/.temp/.server/app.cjs:24750:42)
    at Module.14350 (/Users/mac/Documents/blog/src/.vuepress/.temp/.server/5999.app.cjs:26:22)
    at Function.__webpack_require__ (/Users/mac/Documents/blog/src/.vuepress/.temp/.server/app.cjs:24750:42)
    at async Promise.all (index 1)
    at async /Users/mac/Documents/blog/src/.vuepress/.temp/.server/app.cjs:25138:55

点击里面的报错代码

var requestAnimationFrame$1 = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || requestAnimationFrame;

[Mister-Hope]

你的这段代码还是涉及到 windows 了，尝试不要让这段代码直接运行。这段代码可能来自于依赖，如果是请使用 import() 在 onMounted 周期导入这个依赖。

[luxiag]

我引入了Cesium后就发生了这个错误，把他去掉后 就可以正常打包了 具体问题好像是出现在Cesium哪里 我还没有排查出来

[Mister-Hope]

Reference:

• https://vuejs.press/zh/advanced/cookbook/usage-of-client-config.html#%E4%BD%BF%E7%94%A8%E4%B8%8D%E6%94%AF%E6%8C%81-ssr-%E7%9A%84%E5%8A%9F%E8%83%BD
• https://vuejs.press/zh/advanced/cookbook/usage-of-client-config.html#%E4%BD%BF%E7%94%A8%E4%B8%8D%E6%94%AF%E6%8C%81-ssr-%E7%9A%84%E5%8A%9F%E8%83%BD

For components it's the same:

import { defineComponent, onMounted } from "vue";

export default defineComponent({
  setup() {
    onMounted(async () => {
    // Cesium in your case
     const nonSsrFriendlyModule = await import("non-ssr-friendly-module");
    });
  },
});