본문 바로가기
Dotnet/Blazor

SweetAlert를 Blazor에서 썼는데 껍데기만 온다면?

by 잘먹는 개발자 에단 2024. 7. 25.

아까 페이지에서 

@rendermode InteractiveServer

라고 설정한다고 했는데, 문제가 한번 생겼다.

 

나는 Blazor에서 js 쪽 라이브러리인 SweetAlert2.js를 쓰려고 한다.

 

그러면 여기는 뭐 npm 이런거 없으니까 내가 직접 cdn을 app.razor에 추가해준다.

 

신기한 것은 이것이 ridar ( 인텔리제이 ide )의 기능인지는 모르겠다만,,,, 바로 로컬에 다운 받으시것습니까? 라고 뜬다음에 그걸 바로 다른 파일에서 쓸때 안에 들어가 있는 메서드 보여주는 자동완성 인텔리제이 기능까지 딱 보여주는 것이었다. 

 

오오오... 하면서 쓰려고 하고 있는데 

페이지에서 테스트 하려고 클릭하니까...

 

 

괴상한 SweetAlert가 떠 있는 것이었다.

이것은 마치 테무에서 산 Swal이랄까. 

 

 

 

문제 빨리 진단하면 

page에서 @renderMode interactiveserver 뭐시기 해서 설정하게 되면 이것은 그 페이지의 렌더링 모드를 설정하는 것이다. 근데 해당 페이지만 렌더링 모드를 다르게 할일을 별로 없다. 때문에 전역으로 렌더링 모드를 변경하고 싶다면

 

app.razor에서 다음을 변경해주면 된다.

<Routes @rendermode="InteractiveServer"/>

 

그러면 이후에 잘 된다.

 

아무래도 껍데기만 왔던 것 같다.