blazor - 如何在 blazor Web 程序集中运行捆绑的 javascript 文件？

Question

我将捆绑的脚本文件保存在 blazor_wasm 应用程序的 wwwroot 文件夹中。

1. 我在 index.html 中使用脚本标签添加了文件

    <script src="assets/plugins/global/plugins.bundle.js"></script>

    <script src="assets/js/scripts.bundle.js"></script>

2. 我已将 scripts.bundle.js 代码放入函数 callJS

   function callJS() {/** bundled js**/}

3. 我在剃须刀页面中使用 js interops 调用了该函数，但这给出了错误

   protected override async Task OnAfterRenderAsync(bool firstRender){
       if (firstRender)
       {
           await jsRuntime.InvokeVoidAsync("callJS");
       }
    }
   

这些是错误

异步方法的返回类型必须是 void、Task、Task、类似
任务的类型、IAsyncEnumerable 或 IAsyncEnumerator wasm_app

'Index.OnAfterRenderAsync(bool)'：返回类型必须是 'Task' 以匹配被覆盖的成员 'ComponentBase.OnAfterRenderAsync(bool)' wasm_app

这是运行文件的正确方法还是我必须使用另一个生命周期事件？我正在使用敏锐的引导主题，它使用 webpack 生成捆绑的 js 和 css 文件。

Answer 1

答案很简单，我们只需将 js 互操作代码放在 MainLayout.razor 页面中。这就是我解决它的方法