Vue.js vuetify对话框尝试包含在我的项目中/无法生成：模块解析失败：意外标记（25:8）

在我当前的项目中，我尝试导入并包含vuetify对话框。当我包含它时，我的运行进程崩溃了。这就是我的main.js的样子

//要使用“import”命令加载的Vue生成版本
//（仅限运行时或单机版）已在webpack.base.conf中使用别名设置。
从“Vue”导入Vue
从“./App”导入应用程序
从“/vuetify”导入vuetify
从“./router/index”导入路由器
从“./layouts/Default.vue”导入默认值
从“/layouts/NoSidebar.vue”导入NoSidebar
从“@vuejs社区/vue筛选器日期格式”导入VueFilterDateFormat
从“vuetify对话框”导入VuetifyDialog
导入“vuetify dialog/dist/vuetify dialog.css”
Vue.use（VuetifyDialog{
背景：{
武装分子
}
})
Vue.use（VueFilterDateFormat）
Vue.component（'default-layout'，默认值）
Vue.组件（“nosidebar-layout”，nosidebar）
Vue.config.productionTip=false
/*eslint禁用无新*/
新Vue({
vuetify，
路由器，
渲染：h=>h（应用程序）
}).$mount（“#应用程序”）

My package.json如下所示：

“依赖项”：{
“@mdi/font”：“^5.5.55”，
“@vuejs社区/vue筛选日期格式”：“^1.6.1”，
“axios”：“^0.19.2”，
“深度合并”：“^4.2.2”，
“纤维”：“^5.0.0”，
“sass”：“^1.26.10”，
“sass加载程序”：“^9.0.3”，
“vue”：“^2.6.11”，
“vue密码强度计”：“^1.7.2”，
“vue路由器”：“^3.0.1”，
“vuetify”：“^2.3.9”，
“vuetify对话框”：“^2.0.10”，
“ZxCVN”：“^4.4.2”
},

当我尝试运行

warn dev

时，会出现以下错误：

 error  in ./node_modules/vuetify/lib/components/VCalendar/VCalendarDaily.js

Module parse failed: Unexpected token (25:8)
You may need an appropriate loader to handle this file type.
|       return {
|         'v-calendar-daily': true,
|         ...this.themeClasses
|       };
|     }

 @ ./node_modules/vuetify/lib/components/VCalendar/index.js 2:0-46
 @ ./node_modules/vuetify/lib/components/index.js
 @ ./node_modules/vuetify/lib/index.js
 @ ./node_modules/vuetify-dialog/dist/vuetify-dialog.esm.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

 error  in ./node_modules/vuetify/lib/mixins/colorable/index.js

Module parse failed: Unexpected token (26:23)
You may need an appropriate loader to handle this file type.
|
|       if (isCssColor(color)) {
|         data.style = { ...data.style,
|           'background-color': `${color}`,
|           'border-color': `${color}`

 @ ./node_modules/vuetify/lib/components/VTabs/VTabsSlider.js 2:0-47
 @ ./node_modules/vuetify/lib/components/VTabs/index.js
 @ ./node_modules/vuetify/lib/components/index.js
 @ ./node_modules/vuetify/lib/index.js
 @ ./node_modules/vuetify-dialog/dist/vuetify-dialog.esm.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

 error  in ./node_modules/vuetify/lib/components/VSystemBar/VSystemBar.js

Module parse failed: Unexpected token (26:8)
You may need an appropriate loader to handle this file type.
|         'v-system-bar--fixed': !this.absolute && (this.app || this.fixed),
|         'v-system-bar--window': this.window,
|         ...this.themeClasses
|       };
|     },

 @ ./node_modules/vuetify/lib/components/VSystemBar/index.js 1:0-38
 @ ./node_modules/vuetify/lib/components/index.js
 @ ./node_modules/vuetify/lib/index.js
 @ ./node_modules/vuetify-dialog/dist/vuetify-dialog.esm.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

 error  in ./node_modules/vuetify/lib/components/VTabs/VTab.js

Module parse failed: Unexpected token (26:8)
You may need an appropriate loader to handle this file type.
|       return {
|         'v-tab': true,
|         ...Routable.options.computed.classes.call(this),
|         'v-tab--disabled': this.disabled,
|         ...this.groupClasses

 @ ./node_modules/vuetify/lib/components/VTabs/index.js 2:0-26
 @ ./node_modules/vuetify/lib/components/index.js
 @ ./node_modules/vuetify/lib/index.js
 @ ./node_modules/vuetify-dialog/dist/vuetify-dialog.esm.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

我的洞里装满了它。 当我从主文件中删除vuetify对话框时，一切正常。

---

我在这里错过了什么？

如果不看一下这个组件的内部，很难说，但我的猜测是它应该是

v-calendar-daily:true

而不是

“v-calendar-daily”：true

没有使用这个组件。它似乎无论如何都会被加载，因为它显示在错误消息中。。。