vanishcode / Blog

vanishcodeのblog
https://vanishcode.com
6 stars 0 forks source link

【修正】在Nuxt里面使用G2库 #77

Open vanishcode opened 5 years ago

vanishcode commented 5 years ago

通过plugin的方式会初始化失败,提示没有document,因为走了打包流程,nodejs环境里面没有BOM DOM对象,于是采用下面的方法:

1.在nuxt.config.js里面通过script标签形式直接引入

2.这样的话引入的库不走nuxt打包流程,于是就不存在没有document或者window对象的问题

3.这样其实和在html里面直接使用g2等库没有区别了,在vue里面一样写的,因为G2已经通过script方式引入到了document里面,console.log一下window.G2,是有这个对象的

4.一般在mount里面初始化


今天(16)仔细看了一下nuxt文档,应该是

module.exports = {
  plugins: [
    { src: '~/plugins/vue-notifications', ssr: false }
  ]
}

把ssr写成false就可以了,这样不走服务端。

问题:echarts可以ssr:true,但是g2不可以,为什么呢。。。。。。。。