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

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

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

實際操作也比較簡單,比如我之前在專案中引入的wangeditor,這個外掛裡包含了navigator內容

 

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

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

我用wangeditor開始直接複製的裡邊程式碼是這樣的,裡邊標紅的是隻能在客戶端執行的程式碼

改造以後是這樣的