我將使用Sing App - Web & Angular 2.0 Dashboard模板用於我們的任務,但此應用程序不基於Angular CLI項目。我必須在Angular CLI上提供這個應用程序。我嘗試了一些選項,但沒有成功。請建議通過Angular CLI將此應用程序的最佳方式。如何在Angular CLI上遷移Angular-2應用程序
回答
UPDATE 2017年8月7日:如果你正在尋找如何升級角CLI重大更改,當你遷移到新版本檢查this answer
- 運行
npm uninstall -g angular-cli
然後npm cache clean
- 運行
npm install -g angular-cli
更多詳情here - 備份您的
app
- 轉到您的
app
文件夾 - 運行
ng init
- 此命令將通過將一些文件寫入您現有的應用程序來初始化angular-cli
應用程序。小心重寫現有文件,跳過那些你不確定的文件,但是你總是可以引用你的備份。 - 運行
ng new simple-app
- 這個你將用作angular-cli
真相源的應用程序。 - 比較文件製作/在你的
app
與simple-app
是否有任何被步驟中錯過4. - 確保所有報應
angular-cli
NPM模塊被安裝到您的app
(對比package.json
文件)由angular-cli
需要 - 運行
npm start
它可能會給你一個錯誤,你必須解決。您可能需要返回步驟7.和8.此處。如果你搞砸了軟件包,你可能需要刪除node_modules
文件夾並運行npm install
。 - 您可以訪問
app
在http://localhost:4200
繼續您的步驟,但在「70%構建模塊763」之後CLI被絞死/ 763 modules 0 active「 – Torreto
這可能是你的一些'npm軟件包'的問題,請檢查你所有的軟件包是否與當前的'angular 2.xx'版本兼容,同時檢查你的打字稿版本,確保它是' 2.0.10'。你可能會有一些以'^'爲前綴的包,所以只需到'npm_modules'並檢查特定包的'pakage.json'就可以手動檢查它的確切版本。你也可以通過在'app.module.ts'中添加註釋來逐個禁用軟件包,以便在構建過程中找出哪些失敗。 – Kuncevic
謝謝...現在工作 – Torreto
- 1. 如何使用angular-cli在Angular2中調試應用程序?
- 2. 如何部署使用angular-cli構建的angular2應用程序
- 3. 如何在tomcat上使用angular-cli和NodeJS部署Angular2應用程序
- 4. 如何將現有應用程序遷移到使用CLI?
- 5. 如何在github上部署angular2 cli應用程序?
- 6. 在部署中服務Angular2應用程序(由Angular CLI構建)
- 7. 如何在Angular應用程序中使用Angular-CLI進行AOT?
- 8. 如何使用angular-cli創建更輕的我的Angular2應用程序
- 9. 如何在angular2應用中使用angular-cli與webpack導入xml2js
- 10. Angular-CLI for Electron應用程序
- 11. 如何使用angular-cli構建多個應用程序?
- 12. 從Webpack 1遷移到2錯誤 - Angular(4.1.3)應用程序
- 13. 如何在Angular 4.x(Angular Cli)應用程序中導入RequireJS(AMD)模塊?
- 14. 創建Angular2 angular-cli項目
- 15. 遷移的網址在應用程序...沒有遷移類
- 16. 遷移回報(在/應用程序)
- 17. 如何將angular-fullstack應用程序遷移到具有基本URL的域
- 18. 如何將git修訂包含到angular-cli應用程序中?
- 19. Angular Cli:如何提供2個應用程序?
- 20. 如何將Google Analytics納入Angular Cli應用程序
- 21. 禁用django.contrib.auth應用程序的遷移
- 22. 如何使用angular-cli在angular2中導入函數?
- 23. 使用angular2 CLI
- 24. 將ASP.NET應用程序遷移到Java
- 25. 傳統應用程序的部分遷移遷移
- 26. MetaWear:在MACOSX上的CLI應用程序
- 27. 從rails應用程序遷移到backbone.marionette應用程序
- 28. 使用angular-cli的Ag-grid和Angular2
- 29. 部署Angular 2應用程序(不包含angular-cli)
- 30. VB6應用程序的遷移
什麼是唱歌應用程序? – AngularChef
sing app是基於Agular 2的管理儀表板模板@ https://wrapbootstrap.com/theme/sing-app-web-angular-2.0-dashboard-WB0J6BJ85 – Torreto