新增angular cli遇到的問題

最近新增angular cli專案時遇到幾個錯誤訊息

1.An unhandled exception occurred: C:\GWork\00_Work\graceAngularApp\graceAngularApp contains both .browserslistrc and browserslist

2.An unhandled exception occurred: Unknown browser query basedir=$(dirname "$(echo "$0" | sed -e 's. Maybe you are using
old Browserslist or made typo in query.
See “C:\Users\user\AppData\Local\Temp\ng-yaE42p\angular-errors.log" for further details.

只好執行如下，讓專案能繼續執行

1.移除.browserslistrc and browserslist相關開頭的檔案

2.移除ansi-html相關開頭的檔案

以下是新增angular app的指令，請參考

1.npm install -g @angular/cli@next

註: 因為沒加@next目前是cli 9版，會跑出更多的錯誤訊息，用next是用下一版看起來更穩定

2.ng new graceAngularApp –routing –style=scss

3.cd graceAngularApp

4.ng build –prod

註: 錯誤訊息在此處產生，故文章開頭的2項步驟在此處執行

4.ng serve

5.http://localhost:4200