Failed to resolve component: v-data-table“. vue3 + vuefity 使用 v-data-table 报错解决

最新推荐文章于 2024-06-26 14:54:57 发布
最新推荐文章于 2024-06-26 14:54:57 发布
阅读量646 收藏
点赞数 2
分类专栏： vue3 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yinyueyu007/article/details/132303813
版权

在使用 vue3 + vuetify 开发项目的过程中用到了 v-data-table 组件，结果在使用的过程中发现加载失败控制台报错。

[Vue warn]: Failed to resolve component: VDataTable

在这里插入图片描述

在这里插入图片描述

解决方案：

import { VDataTable } from 'vuetify/labs/VDataTable'

参考文档: https://vuetifyjs.com/en/labs/introduction/

音乐宇
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vuetify学习记录（三）-- v-data-table
m0_49909696的博客
11-08 4440
vuetify的v-data-table组件使用
关于Vue3报错 Failed to resolve component:xxx的问题
weixin_52020362的博客
06-27 1万+
关于Vue3报错 Failed to resolve component:xxx的问题
Vue编译报错 “Failed to resolve import “@/router“ from “src\main.js“. Does the file exist ? “ 问题修复
最新发布
valsedefleurs的博客
06-26 1475
Vite构建工具解析别名resolve.alias配置
Vue3解决：[Vue warn]: Failed to resolve component: el-table(或el-button) 的三种解决方案
狮子座的男孩
06-29 3万+
等组件，却发现页面一直再 Vue warn。，且在页面上一直显示不出来自己想要的结果；想完整引入 ElementPlus ui。// 没实测过，因为我使用 vue3。库，并想使用 el-table。通过方式一、方式二和方式三后，或 el-button。的代码风格不是如此;
[Vue warn] Failed to resolve component：报错问题。
m0_67393827的博客
03-06 1万+
在一个vue3项目中，引入一个自定义组件时出现了[Vue warn]: Failed to resolve component：【组件名】这样的警告，引入的组件没有出现在页面中。网上查了半天没找到原因，后来将vue3中的defineComponent去掉后，就不再报错了。 <script> import { defineComponent } from "vue"; import layaside from "./Aside"; export default defineComponent({
【报错】Failed to resolve import “@/..“ from “src/...“ @找不到路径
owo_ovo的博客
11-24 8607
Failed to resolve import “@/.." from "src/..." @找不到路径
Vue3 + vite 按需引入vant报错 Failed to resolve import “vant/es“ from “xxx“. Does the file exist?
wuyxinu的博客
10-13 2967
学习 vue3 + vite 的时候，做一个demo项目，其中用到了vant。按照vant官网按需引入组件的时候。在vite配置中，自己配置了extensions时，没有配置 .mjs，导致找不到文件。vant的入口文件是 .mjs 后缀的，痛苦面具。
Vue3+Vite报错：vite忽略.vue扩展名 Failed to resolve import ..... Does the file exist?
weixin_47121832的博客
06-09 797
Vue3+Vite报错：vite忽略.vue扩展名 Failed to resolve import ..... Does the file exist?
Vue3.0，组件不加载进来，提示Failed to resolve component
weixin_45973228的博客
07-24 1201
import hello from "@/components/hello.vue"; 在网上查找了半天，结果只是单组件不用括号的问题。
vue 报警告：Failed to resolve component:ConsTtem IFthis is a native custom element,make sure to exclude
热门推荐
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
06-17 8万+
Failed to resolve component:ConsTtem IFthis is a native custom element,make sure to exclude it from component resolution via cpmpilerOptions.isCustomElement at xxx .翻译一下就是：未能解析组件：constem如果此元素是本机自定义元素，请确保将其从组件中排除通过cpmpilerOptions.isCustomElement 在 xxx 组件（下面
前端开发：Vue3提示警告Failed to resolve component：XXX If this is a native custom element… 的解决方法
软贱开发攻城狮
12-26 3万+
在前端开发中使用Vue的开发者都知道，Vue目前已经以Vue3.0为基础版本了，也就是说Vue3.0已经成为主流版本了。还在只用Vue2.0开发没有使用Vue3.0的开发者要注意了，要抓紧时间熟悉和了解Vue3以上的相关语法和知识点了，迫在眉急。本篇博文来分享一下，关于在使用Vue3的时候遇到的一个提示警告错误，虽然不复杂，但是这是一个比较常见且共性的问题，分享出来记录一下，方便以后查阅使用。
vue3按需引入vant库报错Failed to resolve component
m0_67108146的博客
06-06 1428
vue3按需引入vant库报错Failed to resolve component
[Vue warn]: Failed to resolve component: xxx
w871854956的博客
10-27 2万+
bug内容： 原文： [Vue warn]: Failed to resolve component: test If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. at <App> 必应翻译： 未能解决组件：测试 如果这是一个本地自定义元素，请务必通过编译器从组件分辨率中排除它。 原...
Failed to resolve:问题的解决方法
HelloWorld的专栏
07-18 1万+
构建项目的时候出现了这个异常。 解决办法1：修改项目下的的bulid.gradle文件，添加maven { url 'https://jitpack.io' }即可： allprojects { repositories { google() jcenter() maven { url 'https://jitpack.io' } ...
关于导入依赖出现的Failed to resolve*******的解决办法
大数据时代的博客
11-14 1万+
当你导入库时例如： 点击同步有时会出现： 解决办法在根目录的gradle文件下加入 maven { url 'https://jitpack.io' }
使用vxe-table插件报错
温如君子
11-11 5364
报错截图如下所示： 解决方案： 在引用vxeTable前引用xe-utils
[Vue warn]: Failed to resolve component:XXX
一只小网虫的博客
05-18 2866
Vue3 setup 语法糖中使用递归组件，提示组件无法解析……
[Vue warn]: Failed to resolve component: el-input
05-25
这个警告通常是因为在你的 Vue 组件中使用了一个未注册的组件。请确保你已经正确地注册了 `el-input` 组件。如果你使用的是 Element UI，你需要在你的代码中导入并注册该组件： ```javascript import Vue from 'vue' import { Input } from 'element-ui' Vue.use(Input) ``` 如果你没有使用 Element UI 或者该组件来自其他库，确保你正确地导入并注册了该组件。如果问题依然存在，请将你的代码和错误信息提供给我，我会帮你更详细地解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值