vue-storefront - 将 Vue 插件（使用 vue.use() 形式的 ui 元素）添加到 vue-storefront 代码库的首选方法是什么？

Question

嘿伙计们，将 Vue 插件（使用表单 vue.use() 的 UI 元素）添加到代码库的首选方法是什么？

根据文档（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() 放置在 Vue.use(processbar) 所在的主题/index.js 中，但将其放置在那里（或导入 Vue 的任何其他地方）开始引发“找不到文档/窗口”错误。

我尝试了两个库 vue-notification 和 vue-toasted

PS（ defaultx 只是 default 的一个简单副本）

score 1 · Accepted Answer

我想文档中缺少一些部分。

主题索引实际上是正确的位置，但错误是由 SSR 模式引起的。您只需要在客户端调用 Vue.use （您可以使用Vue.prototype.$isServer或检查 if window !== 'undefined'）

1 回答 1