关于引用vue-calendar-component组件报错Clock is not defined的问题解决方案之一

最新推荐文章于 2024-05-16 09:32:41 发布
最新推荐文章于 2024-05-16 09:32:41 发布
阅读量1.9k 收藏 3
点赞数 2
文章标签： vue 封装 js npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43835436/article/details/105864119
版权
本文介绍在使用vue-calendar-component时遇到'Clock is not defined'错误的解决方案。通过从node_modules中提取源码，手动封装成组件，并在calendar.vue中添加name属性，同时注释掉index.js中的特定代码，可以成功解决该问题。
摘要由CSDN通过智能技术生成

关于引用vue-calendar-component组件的一些问题

GitHub地址

贴一个地址，我也不知道是不是官方的，有这个插件的使用教程

最近因为项目需求要使用到日历组件，选了很久才使用选择这个组件，使用效果很不错，二次封装性和拓展性很好

引用后发现会报错在这里插入图片描述
这个报错的同时页面也会加载不出来，刷新后可以加载成功，但是打包后使用是不行的

解决方案

node_modules中找到vue-calendar-components

拿出里面的src文件，然后自己手动封装成组件，其实只需要拿出这三个文件然后放到自己的compments里，然后给calendar.vue中加个name抛出就行
在这里插入图片描述

封装好过后打开index.js将里面的后三行代码注释即可，我实在想不出这个Clock是哪里来的，有大佬可以指点一下

/**
 * Created by ZWH on 2017/6/22.
 */
最低0.47元/天 解锁文章
舔狗。
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
vue项目引入vue-calendar-component组件启动项目报错Clock is not defined
风如也的博客
07-14 1942
vue-calendar-component vue 日历组件，本次使用场景用于查询签到详情，对于最近6个月内的签到详情使用日历进行展示。 vue-calendar-component的GitHub详解 vue项目引入组件后，有的项目启动后不会出现任何问题，有的项目启动后可能会出现此问题，具体视情况而定。 报错的解决方案 在 node_modules 目录中找到 vue-calendar-component， 将src文件单独拿出，然后自己封装成可用的组件，简单点就是将这三个文件拿出放到自己的compmen
HTML基础教程4
xiaoyeboke的博客
10-14 72
HTML基础教程之标签编写规范 HTML标签编写规范 HTML标记不区分大小写。如：、、 HTML标记属性可有可无。有的标记是没有属性的，如：、、等 双边标记的内容在开始和结束标签之间，单边标记没有内容。 HTML标记可以相互嵌套，但一定注意是顺序嵌套，外层套内层，一层套一层。 php.cn 行路难·其一 长风破浪会有时 直挂云帆济沧海 属性和嵌套，我们在之后的章节中会
推荐使用：vue-calendar-component - 轻巧高效的Vue日历组件
最新发布
gitblog_00003的博客
05-16 1102
推荐使用：vue-calendar-component - 轻巧高效的Vue日历组件 项目地址:https://gitcode.com/zwhGithub/vue-calendar 在开发中寻找一款简洁、高效且易于定制的日历组件，往往是我们提升用户体验的关键一步。今天，让我们一起探索【vue-calendar-component】，一个基于 Vue.js 2.0 的优秀日历组件，它以其轻量级的特性...
Vue组件引入报错解决方法
欢迎关注公众号“雨林寻北”，添加个人微信codetrend（备注技术）。
02-22 8789
异步引入产生的组件延迟引入，一个同步异步问题。
Calendar 遇到的问题
oook
11-16 906
a.setGqsj(b.getGqsj());  // a的Gqsj是 Calendar类型；同样b的Gqsj也是 Calendar类型 b.getGqsj().add(Calendar.YEAR, 1); 这样执行完的结果会发现，a的gqsj中的YEAR也会加1年 解决： Calendar gqsjTmep= (Calendar)b.getGqsj().clone(); a.setGqsj...
vue中组件无法使用的原因
m0_70788917的博客
09-18 5154
对于vue项目中写法和配置都正确的情况下，组件还是无法正常使用的情况，可能性的原因。
解决vue项目报错webpackJsonp is not defined问题
01-19
但是在项目经过本地测试没有任何问题，打包上线后却会报错 webpackJsonp is not defined。这是因为公共文件必须在自己引用的js文件之前引用。 可以手动改文件引用，但是推荐以下解决办法： 找到build→webpack.prod...
vue-calendar-component 封装多日期选择组件的实例代码
01-18
安装vue-calendar-component日历组件 cnpm i vue-calendar-component --save //国内镜像 引入 import Calendar from vue-calendar-component; export default { components: { Calendar }, } 封装 ...
vue-mobile-calendar:a vue component of calendar for mobile移动端vue日期选择组件
05-17
vue-mobile-calendar a vue component of calendar for mobile 移动端日期选择器（>=vue2.0） ，或手机扫描下方二维码 使用方法 npm安装 npm install vue-mobile-calendar import Calendar from 'vue-mobile-...
vue-calendar-heatmap:受github贡献日历图启发的基于SVG的轻量级日历热图Vuejs组件
05-22
use ( VueCalendarHeatmap ) 使用特定的组件： import Vue from 'vue'import { CalendarHeatmap } from 'vue-calendar-heatmap'Vue . component ( 'calendarHeatmap' , CalendarHeatmap ) 或父组件.vue文件中 < ...
日历（vue）
mumu42的博客
03-29 1671
days.vue文件&lt;template&gt; &lt;div class="tourDaysBox" ref="dayBox"&gt; &lt;div class="visaDetailTop"&gt; &lt;p&gt; &lt;button class="btnBack" @click=&q
ReferenceError: $ is not defined报错原因及解决方法
热门推荐
不想起床
10-22 13万+
ReferenceError: $ is not defined[详细了解]  show.js:1:1        出现了这个错误，原因是要在引入其他js文件之前先引入jq文件 先引入先执行。如果后面的js用到jq的东西，当然是先等jq准备好了才能用...
javascript函数报Uncaught ReferenceError: XXX is not defined
西木风落
09-17 13万+
在写javascript函数的时候，JavaScript写在哪里？通常有三种形式：  1. 内部：Html网页的中；  2. 内部：Html网页的中；  3. 外部：外部JS文件里。  (1) 写在中   当浏览器载入网页Body部分的时候，就执行其中的Javascript语句，执行之后输出的内容就显示在网页中。 ... ....  (2)写在中   当不希望一载入HTML
vue 日历日期多选插件（v-calendar）中英文
sunshineTing2的博客
01-18 4560
默认多个日期高亮，下图为 示例 第一步：安装 v-calendar npm install --save v-calendar 第二步：在main.js中引入 v-calendar插件 import VCalendar from 'v-calendar'; // 引入日历插件 Vue.use(VCalendar, { componentPrefix: 'vc', }); 第三步：在.vue文件中使用 v-calendar插件 <vc-calendar :attributes='attrs'
vue-awesome-swiper报错window is not defined
09-14
这个报错通常是在服务端渲染（SSR）时出现的。在服务端渲染中，没有 `window` 对象，因为 `window` 对象是浏览器中的全局对象。 `vue-awesome-swiper` 是一个基于 Swiper.js 的 Vue.js 轮播插件，而 Swiper.js 是一个用于移动端和桌面端的滑动插件，主要依赖于浏览器环境。 解决这个问题的方法有两种： 1. 在服务器端渲染时，将 `vue-awesome-swiper` 插件进行条件引入，只在客户端渲染时加载。可以使用 Vue 的异步组件或者动态导入来实现此功能。 2. 如果需要在服务端渲染时使用 `vue-awesome-swiper`，可以使用一些解决方案，如使用 jsdom 等工具模拟浏览器环境来解决 `window is not defined` 的错误。 请根据你的具体需求选择适合的解决方案。希望能对你有所帮助！如果你有任何其他问题，请继续提问。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值