日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

前端,服務端渲染引入第三方依賴window全局對象的插件,window is not defined

作者:yunchong_zhao 更新時間: 2022-04-18 編程語言

有的時候我們引入第三方插件 會發現在服務端編譯階段就給我們報錯了,
因為在node環境下是不認識window這個全局對象的。

這個時候 就得讓我們等到客戶端環境的時候 再加載就更好了

但是 我們怎么判斷呢總不能這樣寫吧
判斷說是不是服務端 我們可以通過判斷 window是不是存在

if(typeof window != "undefined") {
	import wx from "js-sdk"
}

這樣肯定不行的。因為es6的模塊化必須在頂部。

但真的就不行了嗎。其實我們可以 使用 CommonJS規范引入

if(typeof window != "undefined") {
	require('js-sdk');
}
// 我們在使用的時候  wx 掛在window全局對象上了 我們在客戶端可以直接訪問到的
if(typeof window != "undefined") {
	console.log(wx)
}

就把引入的那個寫在。文件頂部就行了
在這里插入圖片描述
測試 可以正常打印出來的。

關注我 持續更新 前端知識。

原文鏈接:https://yunchong.blog.csdn.net/article/details/120759296

欄目分類
最近更新