Javascript v-img不'；t在功能组件中呈现-Vuetify 2

我已经安装了

@nuxtjs/vuetify

，并尝试在功能组件中使用

v-img

：

import Vue from 'vue'

export default Vue.extend({
  name: 'Logo',
  functional: true,
  render(createElement, { parent }) {
    const image = createElement('v-img', {
      props: {
        src: require('@/assets/images/logo.svg'),
        width: parent.$mq === 'lg' ? 200 : 170
      }
    })

    return createElement(
      'nuxt-link',
      {
        props: {
          to: '/'
        }
      },
      [image]
    )
  }
})

在

dev

环境中，图像标记正确呈现：

<div class="v-responsive v-image" style="width:200px;">...</div>

。。。

但当我为生产构建应用程序时，它会输出：

<v-img></v-img>

很明显，它不会被渲染。如果我在有状态组件中使用

v-img

，那么它可以在生产环境中工作。怎么了

更新1

如果我将

createElement（）

中的

v-btn

作为第一个参数传递，那么它将在开发和生产中呈现。

v-img有什么问题吗