与vue2-leaflet插件一起使用时,Gridsome构建失败

时间:2019-07-14 11:04:58

标签: vue.js leaflet gridsome

运行gridsome build时得到window is not defined。任何人都有使vue2-leaflet 与网格物体的仅客户端选项配合使用的示例吗?

2 个答案:

答案 0 :(得分:2)

使用<ClientOnly>标签将组件包装在模板中,有关更多信息,请查看我的other answer

答案 1 :(得分:-1)

我一直在同一个问题上挣扎(但是在其他库中),我发现的唯一解决方案是将包复制到src/中。像这样:

cp -a node_modules/package-giving-me-headaches src/plugins

// main.js
import PackageGivingMeHeadaches from "~/plugins/package-giving-me-headaches"

取决于软件包,您可能需要针对特定​​的入口点:

// main.js
import PackageGivingMeHeadaches from "~/plugins/package-giving-me-headaches/src" 

当Gridsome告诉您时,您知道需要这样做:

"export 'default' (imported as 'PackageGivingMeHeadaches') was not found in '~/plugins/package-giving-me-headaches'

编辑:是的,我知道它并不理想且丑陋,但我没有时间为此奋斗。