iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 26
0
自我挑戰組

人生第一次的SideProject系列 第 26

[Day 26 ] ASP.NET上運作Angular(二)

  • 分享至 

  • xImage
  •  

今天就是試錯的一天...大部分時間都在撞牆,最後大概有找到一個正確的方向,準備朝這邊繼續走下去。

在之前的進度中,使用.NET Core內建Angular範本新增專案,新增完成後以預設檔案建置在瀏覽器開啟可成功開啟範本網站,在預設檔案內也可以Angular方式傳送數據。

但今天嘗試寫其他Angular功能時,Angular CLI明明有成功安裝,卻無法使用ng generate component等ng內建命令,於是上網搜尋解決方法,找半天最後找到一個奇妙的暴力解法...

首先以NuGet安裝Microsoft.TypeScript.MSBuild以支援typescript語法(或者也可以在terminal跑Install-Package Microsoft.TypeScript.MSBuild -Version 3.6.4),安裝完後,先把原有的 ClientApp 資料夾刪除,然後teminal再在根目錄跑ng new ClientApp重新建立新檔案(用同樣的App名稱是為了不用去修改原始route等設定),然後執行npm install

等程式跑完後,建立完後build(或者ctrl+F5會直接開瀏覽器),這次跑出來的是Angular的預設範本頁面。

回到VS,在terminal嘗試輸入ng generate component login,成功建立了login component,這部分Angular指令成功,不過其他的指令不曉得是不是設定不同,有些無法正常執行,需要再研究解法。

跟之前在VSCode的Angular開發相比,在ASP.NET上的Angular真的複雜很多也覺得非常挫折,幾乎每走一步都會卡住,需要花很多時間才找到一個能夠試著前進的方向。關於後面的進度變得有點茫然,是否會到最後都在.NET這個迷宮裡打轉,或者不要執著於此先去嘗試其他方向,是目前正在掙扎的點...

= = = = =

你今天的努力,
是否有跟未來的夢想
同一個等級?


上一篇
[Day 25 ] ASP.NET上運作Angular(一)
下一篇
[Day 27 ] 角色卡版面設計(三) - 客製化border
系列文
人生第一次的SideProject33
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言