vue.js - 与 vue2-leaflet 插件一起使用时，Gridsome 构建失败

Question

跑步时gridsome build我得到window is not defined. 任何人都有一个使 vue2-leaflet与 gridsome 的客户端唯一选项一起工作的例子吗？

Answer 1

<ClientOnly>用标签将您的组件包装在模板中，更多信息在我的其他答案中

Answer 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'

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