Vue / Vuetify-未知的自定义元素:-您是否正确注册了组件?</p>

JavaScript Vue.js

LEY樱

2020-03-19

</div>

我是Vue和Vuetify的新手。我刚刚创建了快速应用程序来检查它们。但是我在一开始遇到问题。尽管遵循了文档中概述的所有步骤,但是vue无法识别vuetify组件。错误如下:

vue.runtime.esm.js?ff9b:587 [Vue警告]:未知的自定义元素:-您是否正确注册了组件?对于递归组件,请确保提供“名称”选项。

在发现

--->在src \ App.vue

您可以在沙箱https://codesandbox.io/s/40rqnl8kw上访问整个代码

</div>

第2413篇《Vue / Vuetify-未知的自定义元素:-您是否正确注册了组件?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点</p>

2个回答
猴子Tom 2020.03.19

我最近遇到这个错误的另一个原因。

我最近从Vuetify 1.5升级到了2.x,尽管我的操作顺序正确无误,如此处当前接受的答案所示,但我仍然收到有关v-app的错误消息:

未知的自定义元素:<v-app>-您是否正确注册了组件?对于递归组件,请确保提供“名称”选项。

事实证明,升级过程需要在package.json devDependencies部分中添加以下内容,而该部分最初在我的vuetify 1.5x软件包中不存在:

"vuetify-loader": "^1.3.0"

(截至撰写本文时,当前版本为1.3.0)

一旦添加,错误就消失了。

Jim前端Near 2020.03.19

如果您来自Google:对我而言,它是从v1到v2的更改,那使大多数Codepen示例都变得毫无用处。我必须更改此设置,以得到一个非常简单的带有导航抽屉的Vuetify应用程序才能再次运行:

remove toolbar from <v-app toolbar>
replace v-toolbar with v-app-bar
replace v-app-bar-side-icon with v-app-bar-nav-icon
replace v-app-bar-title with v-toolbar
replace v-list-tile to v-list-item

replace all flat with text

也许这可以帮助某人。

(编辑后附有孔瑜的讲话)

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android