如何创建包含 JavaScript 互操作的 Blazor 库

Question

上下文：

我们想为我们的 Blazor-WA 项目创建一个内部 Blazor 库。 Blazor 库包含可供我们所有其他 Blazor 项目使用的模板组件。

Blazor 库中的某些组件已与 JavaScript 合并。因此我们要使用 Blazor 提供的 JS-Interop。

方法：

ASP.NET Core Razor components class libraries (RCL) 似乎是创建 Blazor 库的合适方法。我们创建了一个名为 BlazorLib 的 Blazor 库，现在通过 RCL 实现。名为 BlazorLib-dev 的 Blazor WebAssembyly 项目使用库 BlazorLib。这是结构：

问题：

RCL 似乎不提供 JavaScript 互操作：

问题：

创建包含 JS-Interop 的 Blazor 库的正确方法是什么，任何第二个 Blazor-WA 项目都可以使用该库？

Answer 1

尝试使用完整的命名空间：

@inject Microsoft.JSInterop.IJSRuntime

您也可以在_Imports.razor 文件中导入命名空间

@using Microsoft.JSInterop