2018年5月21日 星期一

[Ang]安裝環境:升級之前安裝過的node、安裝 angular cli

yarn的使用及升级Node.js的新方法 - haorooms.com

Angular 2 開發實戰:新手入門篇 實作環境說明 - 保哥github
Angular 开发学习 02 – Angular CLI - DEVBEAN TECH WORLD
install:
yarn global add @angular/cli
or
npm install -g @angular/cli

檢查
ng -v
但在這裡我出現error
Error: Cannot find module '@angular-devkit/core' - after clean install - stackoverflow















而且嘗試移除也失敗,只好暫時先不管。

保哥回覆:
請你試著用 npm 移除重裝看看。 
npm uninstall -g @angular/cli 
npm install -g @angular/cli 

開新資料夾後建立專案
ng new name
接著啟動
yarn start
就可以點 localhost:4200後自動從瀏覽器開啟檢查囉
Use Angular-CLI with Yarn - winsmarts.com
上面這篇改為 yarn沒有試成功
ng set --global packageManager=yarn

但是沒有出現 .angular-cli.json 檔案
How to generate .angular-cli.json file in Angular Cli? - stackoverflow
Missing .angular-cli.json file: Angular - stackoverflow
下面這篇有人回覆:
Update: With Angular 6.0.0 the filename is changed from .angular-cli.json to angular.json.
原來是改名字了且從 hidden 現形。

進入網頁後,右鍵檢視原始碼,(略不同於 option+cmd+I)
<base> 是非常重要的標籤!


沒有留言:

張貼留言