2017年1月26日 星期四

Angular2-RC4 animate error


執行 angular2 RC4 版本的 web,之前都正常,
近日突然發生以下錯誤訊息,導致網頁無法正常執行∶

EXCEPTION: Error during instantiation of AnimationDriver! (ViewUtils -> RootRenderer -> DomRootRenderer -> AnimationDriver

執行環境是 firefox ,我的版本是 50.1 (隨時在更新),
剛好同事有較舊本的 firefox ,測試正常,更新後即發生一樣的錯誤狀況,

只好請出 google 找辦法,
( 不要問我為什麼不升級 QQ )
還好有人遇到類似的問題,

將 html 引用 <script...></script> 通通放到 </body> 的上面,就解決了,過關!!

參考∶ JSPM Angular2-rc2 build animate error

visual studio code debug for nodejs + express + consign


撰寫 nodejs 在 visual studio code 進行 debug,
可以參考∶ Node.js Applications with VS Code
簡單來說會在專案根目錄新增 .vscode 資料夾,再新增 launch.js 檔
並在 configurations/program 指定起啟程式,即可進行斷點除錯,如下圖

環境說明∶
  • 關於 express server 端的程式碼皆放在「根目錄/api/」下
  • 起啟的 js 檔放在「根目錄/api/index_debug.js」
  • 其中使用 consign 指定載入順序,讓網站可正常執行,
    如∶ config file -> db -> authority -> routing -> ....... -> start server 
問題∶
在 api 資料夾直接下 command : $node index_debug.js 可正常執行,
但是直接在 visual studio code 執行 debug 卻什麼事情也沒發生,斷點也沒有反應,

































solution:
查了一下 consign 文件,verbose 設為 false 會關掉 log,導致發生什麼事都不知道,
verbose 設為 true 後,即可發現是因為路徑問題導致


只要指定好起啟目錄即可,將 cwd 設為 api 就解決囉! 如下圖



這樣就可以開心使用 visual studio code debug 功能囉!
終於讓開發能更有效率,不然班加不完啊!