На Dotnetconf две недели назад я слышал, что теперь можно включать локальные файлы Javascript в компоненты Blazor. Это звучит очень интересно. Я предполагаю, что подход по-прежнему заключается в использовании JSIniterop и ссылке на файл модуля.
НО как вы ссылаетесь на файл JS ??? Я перепробовал все возможные творческие варианты, но пока безуспешно.
Я удивлен, что везде гуглю, но пока не нахожу никаких руководств или примеров по этому вопросу. Все подсказки будут оценены по достоинству.
Вы можете создать файл кода .js рядом с файлом .razor.cs и загрузить этот файл во время выполнения. Это описано здесь. Также я нашел презентацию этой функции здесь и репозиторий github здесь.
Допустим, у вас есть ComponentA с ComponentA.razor, ComponentA.razor.cs и ComponentA.razor.js файлы в Pages папка. Вы можете загрузить этот модуль во время инициализации компонента следующим образом:
[Inject]
public IJSRuntime JS { get; set; }
private IJSObjectReference module { get; set; }
protected override async Task OnInitializedAsync()
{
module = await JS.InvokeAsync<IJSObjectReference>("import", "./Pages/ComponentA.razor.js");
}
Но если ваш компонент определен в проекте библиотеки компонентов, вам придется использовать другой путь к файлу. Например, если ваш проект назван AppComponents тогда этот путь был бы ./_content/AppComponents/ComponentA.razor.js.