带有资源的 FullCalendar Vuejs

FullCalendar Vuejs with resources

我在让资源时间网格工作时遇到问题。代码和错误低于它,就好像插件没有正确加载一样。打开我一直在看这种方式,我错过了一些简单的东西。

提供的代码太大,所以我提供了日历选项的屏幕截图。唯一没有显示的是 api 加载事件的调用,但它在那个阶段之前就失败了。

错误:

TypeError: 无法读取未定义的 属性 'resourceOrder' 在 ResourceDayTimeColsView.render (VM23193 660:83)

代码:

<FullCalendar  :options="calendarOptions">
                        <template v-slot:eventContent='arg' v-bind:style="{ 'background-color': arg.event.backgroundColor }">
                            <div class="event-wrapper" v-bind:style="{ 'background-color': arg.event.backgroundColor }" v-bind:class="{'pastEvent': arg.isPast}">
                                <b>{{ arg.timeText }}</b>
                                <span>{{ arg.event.title }}</span> 
                                <i class="forms-icon fas fa-file-signature" v-bind:class="linkedFormsClass(arg.event)" 
                                    v-if="arg.event.eventLinkedFormGroups != null && arg.event.eventLinkedFormGroups.length > 0"></i>
                                    
                            </div>
                        </template>
                    </FullCalendar>

所以 npm 说你永远不必 运行 “npm 缓存清理”,它会自我修复......事实并非如此,即使放入正确的版本我仍然得到不兼容的版本!

我怀疑这是因为分支更改和包文件夹未被 git 同步(忽略文件),因此从技术上讲,切换不会强制更改它只是更新包文件。大多数时候工作正常但这次不行。