bug:vue@next:1287 [Vue warn]: Failed to resolve component: date-picker at ＜App＞

最新推荐文章于 2024-05-13 10:35:56 发布
最新推荐文章于 2024-05-13 10:35:56 发布
阅读量931 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40945354/article/details/115517844
版权 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue的方法_侠课岛(9xkd.com)</title>
<script src="https://unpkg.com/vue@next"></script>
<script src="https://cdn.jsdelivr.net/npm/axios@0.12.0/dist/axios.min.js"></script>
</head>
<body>
  <div id="date-picker" class="demo">
    <date-picker @change="showChange"></date-picker>
  </div>

<script>
const app = Vue.createApp({
  methods: {
    showChange(event) {
      console.log(event.target.value) // 将记录所选选项的值
    }
  }
})

.mount('#date-picker')

</script>


    <style>
        .demo {
  font-family: sans-serif;
  border: 1px solid #eee;
  border-radius: 2px;
  padding: 20px 30px;
  margin-top: 1em;
  margin-bottom: 40px;
  user-select: none;
  overflow-x: auto;
}
    </style>
</body>
</html>
hamimelon2020
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vant4无法使用vant-datetime-picker组件可选方法
weixin_57369490的博客
07-03 1266
不过还有有待完善的点，这样时间只能精确到天，主要是因为vant4的现有的picker组件只能精确到天，这个问题卡住了好久，不想在这一个小问题上花费太多时间，后来有机会再完善。由于vant4没有了vant-datetime-picke组件，只能使用vant-datetime-picker>:组件，这样接收时间组件的常量必须定义为如。但这样选择时间后expireTime是如[“2023”,“07”,“03”]的形式，无法被后端解析为java.util.Date的形式。形式否则picker组件无法弹出。
vue3按需引入vant库报错Failed to resolve component
m0_67108146的博客
06-06 1428
vue3按需引入vant库报错Failed to resolve component
【antd + vue】Failed to resolve component: a-select-option
最新发布
m0_65041204的博客
05-13 390
Failed to resolve component: a-select-option无法解析组件：a-elect-option。查阅官方文档，需要内容为1到8的数的循环写法使用：[...Array(8)].map((_, i) => ({ value: (i + 1),label:i+1 }))
vue使用element-ui中日期选择器 (el-date-picker) 出现报错
Tianxiaoxixi的博客
07-27 2657
vue使用element-ui中日期选择器 (el-date-picker) 出现报错
element-plus UI 中的el-date-picker组件在vue3项目中时间选择无反应解决方案
gxh0816的博客
09-29 3032
百度了以后发现原因是,element-plus版本太低了.我们是需要升级element-plus的版本就好了.这次的项目,是vue3+element-plus写的.今天突然发现,时间选择器里的时间点击没反应.可以到package-lock.json文件中查看element-plus版本号.1.先卸载版本低的element-plus。2.安装最新的element-plus。
[Vue warn]: Failed to resolve component：报错问题。
热门推荐
qq_41983641的博客
03-31 9万+
在一个vue3项目中，引入一个自定义组件时出现了[Vue warn]: Failed to resolve component：【组件名】这样的警告，引入的组件没有出现在页面中。网上查了半天没找到原因，后来将vue3中的defineComponent去掉后，就不再报错了。 <script> import { defineComponent } from "vue"; import layaside from "./Aside"; export default defineComponent({
vue-ctk-date-time-picker:VueJS组件选择日期和时间，包括范围模式
04-13
查找v1文档暗模式演示版安装纱yarn add vue-ctk-date-time-picker NPM npm i --save vue-ctk-date-time-picker用法ES6模块/ CommonJS import VueCtkDateTimePicker from 'vue-ctk-date-time-picker' ;import 'vue-...
vue2-daterange-picker:Vue2日期范围选择器
04-29
vue2-daterange-picker 基于Vue2日期范围选择器（无jQuery） 该组件尚处于初期阶段，因此，如果出现问题，请写一个问题或创建一个请求请求。 演示和用法 您可以在此处查看演示： : 安装 # install via npm npm i ...
vue-picker:Vue的选择器组件
05-14
vue-picker的组件，囊括了（普通选择、联动选择、中国地址选择）等等常见的picker，兼容PC、移动端，通过简单配置就可以出现一个强大的picker，感受下效果图。 Demo(快点去复制代码体验一波吧) Install npm install ...
vue-list-picker:只是使用Vue.js制作的简单列表选择器组件
05-09
演示版转到如何安装npm $ npm install vue-list-picker --save纱$ yarn add vue-list-picker快速开始Vue.js 您可以导入main.js文件import Vue from "vue" ;import VueListPicker from "vue-list-picker" ;Vue . use ...
vue3-icon-picker：Vue3项目的绝佳图标选择器
03-04
Vue3图标选择器 Vanilla Js版本是由很棒的人在这里开发的-https: 由移植到Vue3 :) 查看的演示:) 如何建造 git clone https://github.com/hasinhayder/vue3-icon-picker.git cd vue3-icon-picker yarn yarn dev ...
关于Vue3报错 Failed to resolve component:xxx的问题
weixin_52020362的博客
06-27 1万+
关于Vue3报错 Failed to resolve component:xxx的问题
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({
【vue3】【element-plus】获取el-date-picker的值错误
qq_63514555的博客
01-31 1332
value-format的形式应该是 YYYY-MM-DD hh:mm:ss。然后去看了element-plus官方的手册，发现。一顿查询，发现别人的和自己的没有差别。结果明显不是我们想要的。所以，最后是这样解决的。
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 组件（下面
[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> 必应翻译： 未能解决组件：测试 如果这是一个本地自定义元素，请务必通过编译器从组件分辨率中排除它。 原...
element-plus中Failed to resolve component报错
weixin_42112342的博客
03-21 8956
element-plus报错
前端开发：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的时候遇到的一个提示警告错误，虽然不复杂，但是这是一个比较常见且共性的问题，分享出来记录一下，方便以后查阅使用。
[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、付费专栏及课程。

余额充值