I have a blazor server app in which I want to use sweetalert2 methods, I want to do it using js interop , not by nuget sweetalert package. Below is my code
App.razor
<body><Routes @rendermode=RenderMode.InteractiveServer /><script src="bootstrap/jquery.min.js"></script><script src="bootstrap/bootstrap.bundle.min.js"></script><script src="sweetalert2/sweetalert2.all.min.js"></script><script src="js/app.js"></script><script src="_framework/blazor.web.js"></script></body>included sweetalert2.all.min.js before _framework/blazor.web.js
And in c# code on a function click
private void CallJs(){ Js.InvokeVoidAsync("Swal.fire", args: "Some message to display");}This should invoke simplest sweet alert form as below
Swal.fire("SweetAlert2 is working!");But above is not working
I tried with another file with normal alert as
function sayHello(name) { alert(`Hello ${name}`);}and in c#
private void CallJs() { Js.InvokeVoidAsync("sayHello", args: "Bob"); }and above works , but when use js interop with a library like sweetalert, bootstrap .... it does not work, how to call properly sweetlaert methods here ?
I am using .net 8.0