Vue.js Vuetify&；网页包加密编译错误

我创建了（目前是独立的）API和VueJs（带有Vuetify）应用程序，并希望使用Symfony的网页包encore捆绑包将两者结合起来

但是，当我想要构建前端应用程序时，我在执行

运行encore dev

时会遇到此错误：

(node:12500) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'length' of undefined
    at items.forEach.item (/Users/pguetschow/Projects/hosting-tool/node_modules/vuetify-loader/lib/loader.js:21:60)
    at Set.forEach (<anonymous>)
    at Object.getMatches (/Users/pguetschow/Projects/hosting-tool/node_modules/vuetify-loader/lib/loader.js:16:9)
    at Object.module.exports (/Users/pguetschow/Projects/hosting-tool/node_modules/vuetify-loader/lib/loader.js:106:64)
    at process._tickCallback (internal/process/next_tick.js:68:7)
(node:12500) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
(node:12500) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

有什么想法吗？独立应用程序运行良好，我只是将其移动到assets/js文件夹。我需要vuetify加载程序^1.2.2才能执行此操作

这是我的

main.js

：

import Vue from 'vue'
import App from './App.vue'
import Vuetify from 'vuetify/lib'
import MultiFiltersPlugin from './plugins/MultiFilters'

import 'vuetify/src/stylus/app.styl'
import 'material-design-icons-iconfont/dist/material-design-icons.css'
import 'vuetify/dist/vuetify.min.css'

Vue.use(MultiFiltersPlugin);
Vue.use(Vuetify, {
    iconfont: 'md',
});

new Vue({render: h => h(App),}).$mount('#app');

---

下面是一个示例

webpack.config.js

文件，它展示了如何让Symfony和Vuetify（v.2x）一起玩得很好：

var Encore=require（'@symfony/webpack Encore'）；
//将vuetify加载程序作为插件导入此处
const VuetifyLoaderPlugin=require（'vuetify-loader/lib/plugin'）
如果（！Encore.isRuntimeEnvironmentConfigured（））{
Encore.configureRuntimeEnvironment（process.env.NODE|u env||'dev'）；
}
再来一个
.setOutputPath（'public/build/'）
.setPublicPath（“/build”）
.enableVueLoader（）/{}{
useBuiltIns:“用法”，
corejs:3
})
//添加VuetifyLoaderPlugin：这将加载所有Vuetify组件
.addPlugin（新的VuetifyLoaderPlugin（））
//启用Sass/SCSS支持
.enableSloader（选项=>{
options.implementation=require（'sass'））
options.fiber=require（'fibers'）
})
;
module.exports=Encore.getWebpackConfig（）；

注意，我不是一个真正的symfony开发人员，但这对我来说很有效。嗯

import Vue from 'vue'
import App from './App.vue'
import Vuetify from 'vuetify/lib'
import MultiFiltersPlugin from './plugins/MultiFilters'

import 'vuetify/src/stylus/app.styl'
import 'material-design-icons-iconfont/dist/material-design-icons.css'
import 'vuetify/dist/vuetify.min.css'

Vue.use(MultiFiltersPlugin);
Vue.use(Vuetify, {
    iconfont: 'md',
});

new Vue({render: h => h(App),}).$mount('#app');