1. 程式人生 > >nuxt.js引入客戶端腳本和第三方庫出現window/document/ navigator未定義問題

nuxt.js引入客戶端腳本和第三方庫出現window/document/ navigator未定義問題

img external nal 開始 edit spa vendor 擴展 定義

官方文檔中已經給出解決方案:

技術分享圖片

實際操作也比較簡單,比如我之前在項目中引入的wangeditor,這個插件裏包含了navigator內容

技術分享圖片

解決:現在nuxt.config.js的webpack擴展配置中配置一個vendor用於打包客戶端執行的代碼

技術分享圖片

這個vendor: [‘external_library‘]裏的external_library名字隨便寫,對配置沒有影響

我用wangeditor開始直接復制的裏邊代碼是這樣的,裏邊標紅的是只能在客戶端執行的代碼

技術分享圖片

改造以後是這樣的

技術分享圖片

nuxt.js引入客戶端腳本和第三方庫出現window/document/ navigator未定義問題