我在學習Blazor當中踩的巨坑!Blazor WebAssembly調試


最近嘛,看看Blazor已經蠻成熟的。順便想在自家的框架里使用這個東西,畢竟我還是很念舊的,而且Blazor的技術棧也不麻煩。然后呢,在調試這一關我可是踩了大坑。

我的VS是2019,很早以前裝的。然后呢,我非常開心的下載了.NET 5.0的SDK,安裝並且在我的項目框架里加入了我想了一整天的全新項目(指名字):Ricebird.BlazorShared。

再之后,我想着,總得調試一下啊,打開msdn,搜索 debug blazor 立刻看到一篇文章 : https://docs.microsoft.com/zh-cn/aspnet/core/blazor/debug

這就是為什么我喜歡微軟,文檔全啊。按照這個文檔一頓操作,F5調試。然后,斷點無效。就是下圖這個樣子。

 

然后,我瘋狂折騰了一天,發現了一個非常讓我吐血的事實,想要調試Blazor,請務必注意那篇文檔里的幾個重點:

1. VS必須升級最新版,如果你和我一樣,是老早老早的VS 2019,一切免談。我升級之后的是VS 2019 16.11

2. 瀏覽器必須是Chrome或者Edge。直接用IIS Express啟動,請務必看清瀏覽器。像我一樣,默認是 360瀏覽器 你改死了也沒用。。。

3. 調試的時候,按下圖選擇你的“啟動項目”,不要選那個IIS Express。我測試過,選那個系統是不會進行JS附加的,所以你就調試不了。同時看到那個“腳本調試(已啟用)”了嗎?如果是“已禁用”狀態請務必打開 !!!!

 

4. 如果一切順利,你的VS會打開一個命令行窗口,就像這樣:

 

 在有這個窗口出現時,你的瀏覽器也是Edge或者Chrome,那就可以正常的進行調試。

5. app.UseWebAssemblyDebugging(); 這個東西也許是已經過時了,我測試過,不加這一句也是可以調試的。

總之,在啟動的時候沒有看到第4步那個命令行窗口,你的Blazor就沒有進調試狀態,然后就會涼涼。。。!!!

 

最后嘛,好像Blazor沒有辦法邊調試邊修改。如果你修改了代碼就必須中止調試,然后重新編譯。巨坑!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM