每个vuetify输入均呈现为v-text-field

Question

我正在使用Symfony 4.x，并使用vue.js + vuetify

这是我用于构建css和js源的webpack配置：

var Encore = require('@symfony/webpack-encore');

Encore
    .setOutputPath('web/build/')
    .setPublicPath('/build')
    .addEntry('app', './assets/js/app.js')
    .autoProvidejQuery()
    .enableSourceMaps(!Encore.isProduction())
    .enableSassLoader(options => {
        options.implementation = require('sass');
        options.fiber = require('fibers');
    })
    .enableVueLoader()
    .cleanupOutputBeforeBuild()
    .enableEslintLoader(config => {
        config.configFile = __dirname + '/.eslintrc' + (Encore.isProduction() ? '-prod' : '-dev') + '.json';
    })
    .enablePostCssLoader()
    //.enableVersioning()
    .enableSingleRuntimeChunk()
;

module.exports = Encore.getWebpackConfig();

在vue单个文件组件中，我将这段代码用于从vuetify创建各种元素

...
<v-form class="my-3" ref="form">
    <v-row>
        <v-col>
            <v-select
                 label="Select a, b or c"
                 :items="['a', 'b', 'c']"
                 @change="validate()"
                 class="bg-light py-2 px-4 mb-5"
            />
            <v-combobox
                 :items="['a', 'b', 'c']"
                 label="Select a favorite activity or create a new one"
             />
         </v-col>
     </v-row>
</v-form>
...

但是每个输入元素（例如select，combobox，fileinput等）都呈现为v-text-field（至少看起来像这样），如下所示。

也（不确定是否已连接）我在控制台中收到此错误：

未捕获的异常：对象

版本：

• vue：2.6.10

• vuetify：2.1.12