는 방법을 참조 지 JS 모듈에서 Blazor 구성 요소는?

0

질문

에 Dotnetconf 두 가지 주 전에 내가 들을 것이 가능하도 포함한 자바 스크립트 파일에 Blazor 구성 요소입니다. 그 소리에 매우 흥미 롭습니다. 나는 방식은 아직도 사용하 JSIniterop 참조하는 모듈은 파일입니다.

그러나 당신은 어떻게 참조 JS file??? 내가 노력 가능한 모든 창조적 변형 하지만 지금까지 없이 성공입니다.

나는 놀라게 구글의 모든 곳에서 찾을 수 없는 가이드 또는 샘플에 아직이다. 모든 힌트 부탁드립니다.

blazor components interop javascript
2021-11-19 15:22:16
1

최고의 응답

1

를 만들 수 있습니다.js 코드 파일을 다음니다.면도기입니다.cs 파일을 로드하는 파일에서 runtime. 그것은 설명한 여기에. 또한 내가 찾은 프리젠테이션의 기능 여기 및 github repo 여기에.

말하자는 당신 ComponentAComponentA.razor, ComponentA.razor.csComponentA.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.

2021-11-20 14:42:26

내가 다음에 귀하의 샘플을 하지만 여전히 같은 예외는 아니다. 어쩌면 그것을 가능하지 않은 사용자 지정 구성요소에서 폴더에 다른 페이지보다? 러:Microsoft.JSInterop.JSException:를 가져오지 못했을 동적으로 수입되는 모듈: localhost:5000/_content/프/Components/일반/...
Jakob Lithner

다른 언어로

이 페이지는 다른 언어로되어 있습니다

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................