fullcalendar.io可以在.net core Blazor中使用吗？

我尝试在Blazor webassembly页面中使用FullCalendar。 有人知道如何在Blazor中使用FullCalendar吗？？？ 有人能帮我吗

我在libman.json中包含FullCalendar

   {
      "library": "@fullcalendar/core",
      "provider": "unpkg",
      "destination": "wwwroot/lib/fullCalendar"
    }

在wwwroot/index.html中

   <script src="_framework/blazor.webassembly.js"></script>
   <script src="exampleJsInterop.js"></script>

剃刀页面

@page "/fullCalendar"
@inject IJSRuntime JsRuntime;

<h1>FullCalendar</h1>

<button type="button" class="btn btn-primary" @onclick="test">
    Bouton test
</button>

<div class="container">
    <div id='calendar'></div>
</div>

@code {
      private async void test() {
        await JsRuntime.InvokeVoidAsync("exampleJsFunctions.calendar");
    }
}

@page”/fullCalendar
@注入IJSRuntime JsRuntime；
日历
布顿试验
@代码{
专用异步无效测试（）{
等待JsRuntime.InvokeVoidAsync（“exampleJsFunctions.calendar”）；
}
}

代码怎么了

错误：

（Microsoft.JSInterop.JSException:$未**定义）
main.js:1 加载资源失败：服务器响应状态为404（未找到） js:1调试热键：Shift+Alt+D（当应用程序有焦点时） favicon.ico:1加载资源失败：服务器响应状态为404（未找到） blazor.webassembly.js:1 WASM: d、 printErr@blazor.webassembly.js:1 put_char@mono.js:1 写@mono.js:1 写@mono.js:1 doWritev@mono.js:1 ___syscall146@mono.js:1 模块._mono_background_exec@mono.js:1 pump_消息@mono.js:1 设置超时（异步） _附表\u background\u exec@mono.js:1 Module.\u mono\u wasm\u invoke\u method@mono.js:1 callMethod@blazor.webassembly.js:1 beginInvokeDotNetFromJS@blazor.webassembly.js:1 l@blazor.webassembly.js:1 e、 invokeMethodAsync@blazor.webassembly.js:1 （匿名）@blazor.webassembly.js:1 t、 dispatchEvent@blazor.webassembly.js:1 （匿名）@blazor.webassembly.js:1 （匿名）@blazor.webassembly.js:1 e、 onGlobalEvent@blazor.webassembly.js:1 再显示26帧 blazor.webassembly.js:1 WASM:未处理的异常： d、 printErr@blazor.webassembly.js:1 put_char@mono.js:1 写@mono.js:1 写@mono.js:1 doWritev@mono.js:1 ___syscall146@mono.js:1 模块._mono_background_exec@mono.js:1 pump_消息@mono.js:1 设置超时（异步） _附表\u background\u exec@mono.js:1 Module.\u mono\u wasm\u invoke\u method@mono.js:1 callMethod@blazor.webassembly.js:1 beginInvokeDotNetFromJS@blazor.webassembly.js:1 l@blazor.webassembly.js:1 e、 invokeMethodAsync@blazor.webassembly.js:1 （匿名）@blazor.webassembly.js:1 t、 dispatchEvent@blazor.webassembly.js:1 （匿名）@blazor.webassembly.js:1 （匿名）@blazor.webassembly.js:1 e、 onGlobalEvent@blazor.webassembly.js:1 再显示26帧 blazor.webassembly.js:1 WASM:Microsoft.JSInterop.JSException:$未定义 d、 printErr@blazor.webassembly.js:1 put_char@mono.js:1 写@mono.js:1 写@mono.js:1 doWritev@mono.js:1 ___syscall146@mono.js:1 模块._mono_background_exec@mono.js:1 pump_消息@mono.js:1 设置超时（异步） _附表\u background\u exec@mono.js:1 Module.\u mono\u wasm\u invoke\u method@mono.js:1 callMethod@blazor.webassembly.js:1 beginInvokeDotNetFromJS@blazor.webassembly.js:1 l@blazor.webassembly.js:1 e、 invokeMethodAsync@blazor.webassembly.js:1 （匿名）@blazor.webassembly.js:1 t、 dispatchEvent@blazor.webassembly.js:1 （匿名）@blazor.webassembly.js:1 （匿名）@blazor.webassembly.js:1 e、 onGlobalEvent@blazor.webassembly.js:1 再显示26帧 blazor.webassembly.js:1 WASM:ReferenceError:$未定义 d、 printErr@blazor.webassembly.js:1 put_char@mono.js:1 写@mono.js:1 写@mono.js:1 doWritev@mono.js:1 ___syscall146@mono.js:1 模块._mono_background_exec@mono.js:1 pump_消息@mono.js:1 设置超时（异步） _附表\u background\u exec@mono.js:1 Module.\u mono\u wasm\u invoke\u method@mono.js:1 callMethod@blazor.webassembly.js:1 beginInvokeDotNetFromJS@blazor.webassembly.js:1 l@blazor.webassembly.js:1 e、 invokeMethodAsync@blazor.webassembly.js:1 （匿名）@blazor.webassembly.js:1 t、 dispatchEvent@blazor.webassembly.js:1 （匿名）@blazor.webassembly.js:1 （匿名）@blazor.webassembly.js:1 e、 onGlobalEvent@blazor.webassembly.js:1 再显示26帧 js:1 WASM:at testDan（） d、 printErr@blazor.webassembly.js:1 put_char@mono.js:1 写@mono.js:1 写@mono.js:1 doWritev@mono.js:1 ___syscall146@mono.js:1 模块._mono_background_exec@mono.js:1 pump_消息@mono.js:1 设置超时（异步） _附表\u background\u exec@mono.js:1

---

看起来您需要加载jquery库。查看calender.io文档，看看是否需要jquery。这就是为什么在“$”上出现错误的原因。

我的朋友，我不知道您是否仔细查看了错误，您需要Jquery才能运行该错误。

如果您告诉我们执行代码时会发生什么，这将非常有帮助。错误？一些意想不到的行为？如果你对实际问题很清楚，那么它通常会让你更容易诊断你到底想用什么版本的fullCalendar？这个错误让我觉得它可能期望jQuery可用，尽管简单浏览一下代码，我实际上看不到jQuery被使用。如果您在该页面上还有其他内容，那么它可能会在JavaScript的其他地方使用？请注意，无论您使用哪个版本，document.getElementById（“日历”）都不是初始化日历的正确方法。查看fullCalendar文档，其中包含所有版本的示例

@page "/fullCalendar"
@inject IJSRuntime JsRuntime;

<h1>FullCalendar</h1>

<button type="button" class="btn btn-primary" @onclick="test">
    Bouton test
</button>

<div class="container">
    <div id='calendar'></div>
</div>

@code {
      private async void test() {
        await JsRuntime.InvokeVoidAsync("exampleJsFunctions.calendar");
    }
}