JS-инъекция в компоненте Blazor показывает ошибку ⇐ C#

[Anonymous]

Я пытался внедрить файл js в компонент, ссылающийся на это руководство Microsoft.
https://learn.microsoft.com/en-us/aspne ... avascript- interoperability/location-of-javascript?view=aspnetcore-8.0
Мой компонент следующий: -

Код: Выделить всё

@page "/interop"
@rendermode InteractiveServer
@inject IJSRuntime JS
@implements IAsyncDisposable

JS Collocation Example 2

Call showPrompt2

@if (!string.IsNullOrEmpty(result))
{

Hello @result!

}

@code {
private IJSObjectReference? module;
private string? result;

protected override async Task OnAfterRenderAsync(bool firstRender)
{
if (firstRender)
{
module = await JS.InvokeAsync("import", "./Components/Pages/MYFun.js");
}
}

private async Task ShowPrompt()
{
if (module is not null)
{
result = await module.InvokeAsync("showPrompt2", "What's your name?");
StateHasChanged();
}
}

public async ValueTask DisposeAsync()
{
if (module is not null)
{
await module.DisposeAsync();
}
}
}

Далее мой js-файл выглядит следующим образом: -

Код: Выделить всё

export function showPrompt2(message) {
return prompt(message, 'Type your name here');
}

Мой путь к файлу js: CSharp\DEMO\Components\Pages\MYFun.js
Сейчас ошибка, с которой я столкнулся, говорит

Код: Выделить всё

\[2024-06-23T05:24:20.559Z\] Information: Normalizing '\_blazor' to 'http://localhost:5245/_blazor'.
blazor.web.js:1 \[2024-06-23T05:24:20.592Z\] Information: WebSocket connected to ws://localhost:5245/\_blazor?id=O03_Mc_d_ex3fD7KNrTZuA.
blazor.web.js:1

GET http://localhost:5245/Components/Pages/MYFun.js net::ERR_ABORTED 404 (Not Found)

(anonymous) @ blazor.web.js:1
(anonymous) @ blazor.web.js:1
beginInvokeJSFromDotNet @ blazor.web.js:1
\_invokeClientMethod @ blazor.web.js:1
\_processIncomingData @ blazor.web.js:1
connection.onreceive @ blazor.web.js:1
i.onmessage @ blazor.web.js:1
\[NEW\] Explain Console errors by using Copilot in Edge: click

to explain an error.
Learn more

Don't show again

blazor.web.js:1  \[2024-06-23T05:24:20.840Z\] Error: There was an unhandled exception on the current circuit, so this circuit will be terminated. For more details turn on detailed exceptions by setting 'DetailedErrors: true' in 'appSettings.Development.json' or set 'CircuitOptions.DetailedErrors'.
log @ blazor.web.js:1
unhandledError @ blazor.web.js:1
(anonymous) @ blazor.web.js:1
\_invokeClientMethod @ blazor.web.js:1
\_processIncomingData @ blazor.web.js:1
connection.onreceive @ blazor.web.js:1
i.onmessage @ blazor.web.js:1
blazor.web.js:1 \[2024-06-23T05:24:20.842Z\] Information: Connection disconnected.
`your text`

пожалуйста, помогите решить эту проблему

Подробнее здесь: https://stackoverflow.com/questions/786 ... wing-error