如何在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代码放在了一个函数调用js 中

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

3. 我在剃刀页面中使用js-interops调用了该函数，但这会导致错误

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

这些是的错误

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

'索引。"OnAfterRenderAsync(bool("：返回类型必须为"Task"才能匹配重写的成员"ComponentBase"。OnAfterRenderAsync(bool('wasm_app

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

Answer 1

答案很简单，我们只需要将js-interops代码放在MainLayout.razor页面中。这就是我解决问题的方法