Javascript FullCalendar在每个日期旁边添加“未定义”

我用的是图书馆的包装器。我已经设置了日历，它工作正常，但一旦我导入，这是一个提供完整日历功能的附加组件，可以在日历中的每个日期旁边显示我未定义的资源，正如您在图像上看到的那样

我在stackoverflow上找到了两篇关于这个问题的文章：

-我曾尝试更改moment.js的顺序，但没有帮助。即使我根本不导入moment.js，这个问题也会发生。 -还尝试恢复到较旧版本的FullCalendar，但未成功。 这是我正在使用的代码：

<template>
<div>
    <full-calendar
            ref="calendar"
            :events="events"
            :config="config"
    >
    </full-calendar>
</div>
</template>

<script>
  import * as moment from 'moment'
  import {FullCalendar} from 'vue-full-calendar'
  import 'fullcalendar/dist/fullcalendar.min.css'
  import 'fullcalendar-scheduler'
  import "fullcalendar-scheduler/dist/scheduler.min.css"

  export default {
    data() {
      return {
        config: {},

        events: [
          {
            id: 1,
            title: 'Title',
            start: moment().add(2, 'd').add(2, 'h'),
            end: moment().add(2, 'd').add(4, 'h'),
            resourceId: 'a'
          }
        ]
      }
    },

    methods: {},

    components: {
      FullCalendar
    }

  }
</script>

---

将此添加到FullCalendar配置中，未定义的将从标题中删除

viewRender: function(view, element) {
              $('.fc-center')[0].children[0].innerText = view.title.replace(new RegExp("undefined", 'g'), "");
          }

---

如果您使用的是vue，那么最好从“jquery”将*作为$导入

您需要jQuery和momentJS，以及这些工具的正确版本。检查vue是否未自动为您导入某些内容。查看浏览器的“网络”选项卡，查看是否有任何一个浏览器被多次加载，这是出现此问题的常见原因。我设法找出了发生这种情况的原因。执行时：npm安装fullcalendar schedule npm在fullcalendar schedule中添加节点模块，其中又有一个fullcalendar。因此，项目中似乎有两个完整的日历。当我手动从fullcalendar日程表中删除fullcalendar时，一切都正常。您知道这是为什么吗？fullcalendar scheduler是fullcalendar的一个附加组件，但它需要fullcalendar才能运行。我真的以为它会有另一个fullcalendar包作为依赖项，但可能它可以单独使用，或者可能有人在创建包时出错，如果不询问包的维护人员，很难知道。无论如何，我想你可以删除基本的fullcalendar包，只使用scheduler包，而不需要手动删除其中的位@Diegoarmardomaradona感谢您指出这一点，这解决了它！！