Closed
Description
Describe the bug
Microsoft.JSInterop.JSException is thrown when trying to access a JavaScript method in Internet Explorer. Unfortunately, my deployment environment is restricted to this browser.
To Reproduce
Steps to reproduce the behavior:
- Using this version of ASP.NET Core 3.0.0
- Run this code (In Internet Explorer):
Create a new Blazor App that runs on server side.
Daddoon's Blazor.Polyfill can be found here and is required to get clicks working in Internet Explorer. Just drop it in wwwroot so that it works with the example below.
_Host.cshtml
@page "/"
@namespace JavascriptInteropExample.Pages
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>JavascriptInteropExample</title>
<base href="~/" />
<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
<link href="css/site.css" rel="stylesheet" />
</head>
<body>
<app>
@(await Html.RenderComponentAsync<App>(RenderMode.ServerPrerendered))
</app>
<script type="text/javascript" src="blazor.polyfill.min.js"></script>
<script src="_framework/blazor.server.js"></script>
<script>
window.debugOut = (content, userDir = true, prefix = "") => {
if (userDir) {
if (prefix) {
console.log(prefix);
}
console.dir(content);
} else {
console.log((prefix ? `${prefix}: ` : "") + JSON.stringify(content));
}
return true;
}
</script>
</body>
</html>
Index.razor
@page "/"
<h1>Hello, world!</h1>
Welcome to your new app.
@inject IJSRuntime JsRuntime
<div class="card my-3">
<h5 class="card-header">Debug Output</h5>
<div class="card-body">
<button @onclick="DebugOutString">Output Debug String</button>
</div>
</div>
@code
{
private async void DebugOutString()
{
await JsRuntime.InvokeAsync<bool>("debugOut", "Test String", false, "Here's a string");
}
}
3. With these arguments '....'
4. See error
Microsoft.JSInterop.JSException: 'Could not find 'debugOut' in 'window'.
Error: Could not find 'debugOut' in 'window'.
at Anonymous function (https://localhost:44385/_framework/blazor.server.js:8:28059)
at p (https://localhost:44385/_framework/blazor.server.js:8:28010)
at Anonymous function (https://localhost:44385/_framework/blazor.server.js:8:28731)
at B (https://localhost:44385/blazor.polyfill.min.js:1:81352)
at e.jsCallDispatcher.beginInvokeJSFromDotNet (https://localhost:44385/_framework/blazor.server.js:8:28701)
at Anonymous function (https://localhost:44385/_framework/blazor.server.js:1:19139)
at e.prototype.invokeClientMethod (https://localhost:44385/_framework/blazor.server.js:1:19117)
at e.prototype.processIncomingData (https://localhost:44385/_framework/blazor.server.js:1:17160)
at connection.onreceive (https://localhost:44385/_framework/blazor.server.js:1:10267)
at i.onmessage (https://localhost:44385/_framework/blazor.server.js:1:38025)'
Expected behavior
A log in the console saying Here's a string: "Test String"