Сборка Gridsome завершается неудачно при использовании плагина vue2-leaflet

Question

При беге gridsome build я получил window is not defined, У кого-нибудь есть пример, как заставить vue2-leaflet работать с опцией "только клиент" для мрачного?

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'

Редактировать: Да, я знаю, что это не идеально и некрасиво, но у меня нет времени бороться за это.