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

【问题标题】：Gridsome build fails when used with vue2-leaflet plugin与 vue2-leaflet 插件一起使用时，Gridsome 构建失败
【发布时间】：2019-07-14 11:04:58
【问题描述】：

运行gridsome build 时，我得到window is not defined。任何人都有使 vue2-leaflet 与 gridsome 的客户端选项一起工作的示例？

【问题讨论】：

【解决方案1】：

用<ClientOnly>标签将你的组件包裹在模板中，更多信息在我的other answer中

【讨论】：

感谢@Hermesis，用<ClientOnly> 包装模板是解决方案的一部分。这最终对我有用：https://github.com/gridsome/gridsome/issues/646

【解决方案2】：

我一直在努力解决同样的问题（但使用其他库），我发现的唯一解决方案是将包复制到 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'

编辑：是的，我知道它不理想和丑陋，但我没有时间为它而战。

【讨论】：