nuxt.js引入客户端脚本和第三方库出现window/document/ navigator未定义问题

官方文档中已经给出解决方案:

实际操作也比较简单,比如我之前在项目中引入的wangeditor,这个插件里包含了navigator内容

 

解决:现在nuxt.config.js的webpack扩展配置中配置一个vendor用于打包客户端执行的代码

这个vendor: ['external_library']里的external_library名字随便写,对配置没有影响

我用wangeditor开始直接复制的里边代码是这样的,里边标红的是只能在客户端执行的代码

改造以后是这样的

 

posted @ 2018-11-13 23:46  逸丶风  阅读(4193)  评论(0编辑  收藏  举报