名为插槽“激活器”的Vue JS Vuetify菜单未绑定至模板，而是变为“默认”

Question

我似乎无法获得Vuetify v菜单在我的PWA应用程序中运行的示例代码，但它在Fiddle中正常工作（例如https://jsfiddle.net/tjw13yz4/27/）

问题是：激活器插槽内容没有出现。

通过调试vuetify源代码，我发现激活器模板在“默认”插槽（所有隐藏内容所在的位置）下出现，而不是在命名的激活器插槽（可见的按钮/单击区域应在该位置）下出现。

我已经简化了我的应用程序的工作（最初我拥有动态组件，表单，API等），因此我将其简化为顶层v-app元素内的一个v-menu，并删除了所有路由器，商店和其他插件。这很简单，但是仍然行不通。小提琴和本地应用程序之间唯一的区别是构建系统。

我还尝试过更改/删除插槽属性以及对on按钮的绑定，这确实修改了命名插槽在Vuetify（或Vue）内部的表示方式。但是，带有或不带有道具的版本都无法正确绑定命名槽。

我还对npm进行了更新和重建（在另一个SO中建议），所以我使用的是最新的Vue 2.6.10和Vuetify 1.5.14。

我还确保<v-app></v-app>按照其他SO中的说明进行包装（但是这是在安装Vuetify插件时发生的）。

我还读了这篇SO，对调试很有用。

我试过slot=activator直接放在HTML标记上，而不是使用模板。

我可能还尝试了许多其他方法（最初我只是on因为未定义for v-on而遇到问题，但这是由于此潜在问题所致）。

这些是我的简化文件-全部都是标准文件：

App.vue（具有/不具有用于事件绑定的道具）

<template>

  <v-app>

    <v-menu offset-y>

      <template v-slot:activator>

        <v-btn color="primary" dark>Dropdown</v-btn>

      </template>

      <p>The menu content</p>

    </v-menu>

    <v-menu offset-y>

      <template v-slot:activator="{ on }">

        <v-btn color="primary" v-on="on" dark>Dropdown2</v-btn>

      </template>

      <p>The menu2 content</p>

    </v-menu>

  </v-app>

</template>

main.js

import Vue from "vue";

import "./plugins/vuetify";

import App from "./App.vue";

new Vue({

  render: h => h(App)

}).$mount("#app");

插件/vuetify.js

import Vue from 'vue'

import Vuetify from 'vuetify/lib'

import 'vuetify/src/stylus/app.styl'

Vue.use(Vuetify, {

  iconfont: 'md',

})

index.html

当它运行时，我在其中设置了一个断点，node_modules/vuetify/src/components/VMenu/mixins/menu-generators.js并在此处返回null，因为没有设置任何插槽类型：

    genActivator: function genActivator() {

        if (!this.$slots.activator && !this.$scopedSlots.activator) return null;

在我的应用中，Chrome调试检查器在下方的标签v-btn旁边显示，但该p标签default $slot应位于其自己的标签下。

相比之下，在工作中的Fiddle中，调试相同的功能时，我看到了包含v-on = on事件绑定时的activator节点，$scopeSlots如果没有包含该节点，则看到该节点$slots。而且效果很好。

为什么该v-slot=activator声明不生效？