Каков предпочтительный способ добавить плагины Vue (элементы пользовательского интерфейса, использующие форму vue.use ()) в базу кода vue-storefront?

Question

Эй, ребята, каков предпочтительный способ добавления плагинов Vue (элементов пользовательского интерфейса, которые используют форму vue.use ()) в базу кода?

Согласно документации (https://docs.vuestorefront.io/guide/core-themes/plugins.html#theme-plugins)Я добавил следующий код в /src/themes/defaultx/plugins/index.js

import Vue from 'vue'
import Toasted from 'vue-toasted'
Vue.use(Toasted)

Но он не регистрирует мой плагин и выбрасывает undefined при попытке его использовать.

Я попытался поместить Vue.use () в themes / index.js, где находится Vue.use (панель процессов), но размещение его там (или в другом месте, где импортируется Vue) начинает выдавать ошибки «документ / окно не найдено».

Я пробовал две библиотеки vue-messages и vue-toasted

PS (defaultx - это просто простая копия по умолчанию)

Answer 1

Я полагаю, что в документах отсутствуют некоторые части.

Индекс темы на самом деле правильный, но ошибка вызвана режимом SSR.Вам нужно вызывать Vue.use только на стороне клиента (вы можете использовать Vue.prototype.$isServer или проверить, если window !== 'undefined')