คำถามติดแท็ก angular-cli

Angular CLI เป็นอินเตอร์เฟสบรรทัดคำสั่งสำหรับการสร้างจัดการและปรับใช้แอปพลิเคชัน Angular (รุ่น 2+)

30
ไม่สามารถหาโมดูล“ @ angular-devkit / build-angular”
หลังจากอัปเดตเป็น Angular 6.0.1 ฉันได้รับข้อผิดพลาดต่อไปนี้ในng serve: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". Error: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". at Object.resolve (/home/Projects/myProjectName/node_modules/@angular-devkit/core/node/resolve.js:141:11) at Observable.rxjs_1.Observable [as _subscribe] (/home/Projects/myProjectName/node_modules/@angular-devkit/architect/src/architect.js:132:40) ng updateบอกว่าทุกอย่างเป็นระเบียบ การลบnode_modulesโฟลเดอร์และการnpm installติดตั้งใหม่ก็ไม่ได้ช่วยอะไรเช่นกัน โครงการของฉันอยู่บนพื้นฐานของNG2 ผู้ดูแลระบบ (รุ่น Angular4) นี่คือแพ็คเกจของฉัน "dependencies": { "@angular/animations": "^6.0.1", "@angular/common": "^6.0.1", "@angular/compiler": "^6.0.1", "@angular/core": "^6.0.1", "@angular/forms": "^6.0.1", "@angular/http": …

16
รุ่น Global Angular CLI มากกว่ารุ่นท้องถิ่น
เมื่อใช้งานng serveฉันจะได้รับคำเตือนเกี่ยวกับเวอร์ชัน CLI ทั่วโลกของฉันที่สูงกว่าเวอร์ชันท้องถิ่นของฉัน ฉันไม่ได้สังเกตเห็นปัญหาใด ๆ จากคำเตือนนี้ แต่ฉันสงสัยว่าทั้งสองเวอร์ชันควรซิงค์กันหรือไม่ นอกจากนี้จำเป็นต้องมีรุ่นในตัวเครื่องหรือไม่ถ้าคุณมีรุ่นทั่วโลก คำเตือน: เวอร์ชัน Angular CLI ทั่วโลกของคุณ (1.1.1) มากกว่ารุ่นท้องถิ่น (1.0.6) มีการใช้รุ่น Angular CLI ในเครื่อง
355 angular-cli 

12
วิธีรวมแอป Angular สำหรับการผลิต
วิธีที่ดีที่สุดในการรวม Angular (รุ่น 2, 4, 6, ... ) สำหรับการผลิตบนเว็บเซิร์ฟเวอร์สดคืออะไร โปรดรวมเวอร์ชันแองกูลาร์ไว้ในคำตอบเพื่อให้เราสามารถติดตามได้ดีขึ้นเมื่อมันเปลี่ยนเป็นรีลีสในภายหลัง

16
ตัวเลือก SASS เชิงมุม
ฉันใหม่กับ Angular และฉันมาจากชุมชน Ember กำลังพยายามใช้ Angular-CLI ใหม่ซึ่งอ้างอิงจาก Ember-CLI ฉันจำเป็นต้องรู้วิธีที่ดีที่สุดในการจัดการ SASS ในโครงการ Angular ใหม่ ฉันลองใช้ember-cli-sassrepo เพื่อดูว่ามันจะเล่นได้หรือไม่เนื่องจากส่วนประกอบหลักจำนวนมากของ Angular-CLI นั้นไม่ทำงานในโมดูล Ember-CLI มันใช้งานไม่ได้ แต่ก็ไม่แน่ใจอีกต่อไปหากฉันเพิ่งกำหนดค่าบางอย่างผิดพลาด นอกจากนี้วิธีที่ดีที่สุดในการจัดระเบียบสไตล์ในโครงการแองกูลาร์ใหม่คืออะไร มันจะดีถ้ามีไฟล์ sass ในโฟลเดอร์เดียวกับคอมโพเนนต์


25
วิธีการเปลี่ยนพอร์ตเชิงมุมจาก 4200 เป็นอื่น ๆ
ฉันต้องการใช้ 5000 แทน 4200 .. สิ่งที่ฉันได้ลองคือฉันสร้างไฟล์ด้วยชื่อรูทember-cliแล้ววาง JSON ตามรหัสด้านล่าง: { "port": 5000 } แต่แอปของฉันยังคงทำงานบน 4200 แทนที่จะเป็น 5000
254 angular-cli 

30
วิธีเพิ่ม bootstrap ให้กับโครงการ angular-cli
เราต้องการใช้ bootstrap 4 (4.0.0-alpha.2) ในแอพของเราที่สร้างขึ้นด้วย angular-cli 1.0.0-beta.5 (w / node v6.1.0) หลังจากรับ bootstrap และการขึ้นต่อกันด้วย npm แนวทางแรกของเราประกอบด้วยการเพิ่มในangular-cli-build.js: 'bootstrap/dist/**/*.min.+(js|css)', 'jquery/dist/jquery.min.+(js|map)', 'tether/dist/**/*.min.+(js|css)', และนำเข้าพวกเขาในของเรา index.html <script src="vendor/jquery/dist/jquery.min.js"></script> <script src="vendor/tether/dist/js/tether.min.js"></script> <link rel="stylesheet" type="text/css" href="vendor/bootstrap/dist/css/bootstrap.min.css"> <script src="vendor/bootstrap/dist/js/bootstrap.min.js"></script> สิ่งนี้ใช้ได้ดีกับng serveแต่ทันทีที่เราสร้างบิลด์ด้วยการ-prodขึ้นต่อกันทั้งหมดเหล่านี้หายไปจากdist/vendor(ประหลาดใจ!) เรามีจุดประสงค์ในการจัดการสถานการณ์ดังกล่าว (เช่นการโหลดสคริปต์ bootstrap) ในโครงการที่สร้างด้วย angular-cli อย่างไร เรามีความคิดต่อไปนี้ แต่เราไม่รู้จริงๆว่าจะไปทางไหน ... ใช้ CDN หรือไม่ แต่เราต้องการให้บริการไฟล์เหล่านี้เพื่อรับประกันว่าจะสามารถใช้งานได้ คัดลอกการอ้างอิงไปdist/vendorหลังจากที่เราng build -prod? แต่ดูเหมือนว่าสิ่งที่ควรจะให้ …

6
ข้อผิดพลาด tslint / codelyzer / ng lint: คำสั่ง“ for (… in …)” ต้องถูกกรองด้วยคำสั่ง if”
ข้อความแสดงข้อผิดพลาดผ้าสำลี: src / app / detail / edit / edit.component.ts [111, 5]: สำหรับคำสั่ง (... in ... ) ต้องถูกกรองด้วยคำสั่ง if ข้อมูลโค้ด (เป็นรหัสที่ใช้งานได้นอกจากนี้ยังมีให้ที่ส่วนการตรวจสอบความถูกต้องของแบบฟอร์ม angular.io ): for (const field in this.formErrors) { // clear previous error message (if any) this.formErrors[field] = ''; const control = form.get(field); if (control && control.dirty && !control.valid) { …


15
วิธีสร้างส่วนประกอบในโฟลเดอร์เฉพาะด้วย angular-cli
ฉันกำลังใช้ angualr4 กับ angular-cli และฉันสามารถสร้างส่วนประกอบใหม่ด้วยคำสั่งดังต่อไปนี้ E:\HiddenWords>ng generate component plainsight แต่ฉันต้องการที่จะสร้างองค์ประกอบของเด็กที่อยู่ในความคิด มีวิธีเกี่ยวกับ angi-cli หรือไม่?

30
ng ไม่ได้รับการยอมรับว่าเป็นคำสั่งภายในหรือภายนอก
ใช้ windows 7 Professional 32 บิต ฉันพยายามเรียกใช้npm install -g angular-cliทั้งสองแบบตามปกติหรือผู้ดูแล ฉันพยายามเพิ่มลงใน Enviorment Variables ภายใต้ PATH: (C:\Users\Administrator\AppData\Roaming\npm\node_modules\angular-cli\bin\ng)แต่ก็ไม่ประสบความสำเร็จเช่นกัน ผมทำอะไรผิดหรือเปล่า?

12
กำลังตรวจสอบเวอร์ชันของ angular-cli ที่ติดตั้งอยู่หรือไม่
มีวิธีการตรวจสอบรุ่นเฉพาะของ angular-cli ที่ติดตั้งทั่วโลกในเครื่องของฉันหรือไม่? ฉันอยู่ในสภาพแวดล้อม Windows NPM -vและโหนด -vเพียง แต่ช่วยให้ผมรุ่นของ NPM และโหนดตามลำดับและผมก็ไม่สามารถดูเหมือนจะหาคำสั่งใด ๆ กับng ฉันกำลังพยายามเรียกใช้โครงการที่ฉันกำลังทำอยู่และมันก็ดำเนินการในรุ่นเก่าของ angular-cli โดยใช้ npm อย่างไรก็ตามหลังจากติดตั้งโปรเจ็กต์ตัวอย่างอื่นโครงการหลักของฉันไม่ทำงานอีกต่อไปโดยไม่ถอนการติดตั้งและติดตั้ง angular-cli ในเวอร์ชันที่ระบุ

23
ข้อผิดพลาด: ไม่พบไฟล์พื้นที่ทำงานในเครื่อง ('angular.json')
ฉันได้travis-ciรวมเข้ากับบัญชี GitHub ของฉัน ( https://github.com/pradeep0601/Angular5-Router-App ) เมื่อฉันอัพเดต@angular/cliเวอร์ชันจาก 1.7.4 เป็น 6.0.0-rc.3 บิลด์เริ่มต้นล้มเหลวโดยมีข้อผิดพลาด: Local workspace file ('angular.json') could not be found. Error: Local workspace file ('angular.json') could not be found. at WorkspaceLoader._getProjectWorkspaceFilePath (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/workspace-loader.js:37:19) at WorkspaceLoader.loadWorkspace (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/workspace-loader.js:24:21) at TestCommand._loadWorkspaceAndArchitect (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/architect-command.js:177:32) at TestCommand.<anonymous> (/home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/architect-command.js:45:25) at Generator.next (<anonymous>) at /home/travis/build/pradeep0601/Angular5-Router-App/node_modules/@angular/cli/models/architect-command.js:7:71 at new Promise (<anonymous>) at …

7
จะเปลี่ยนชื่อส่วนประกอบใน Angular CLI ได้อย่างไร
มีทางลัดใด ๆ ในการเปลี่ยนชื่อส่วนประกอบด้วย Angular CLI นอกเหนือจากการแก้ไขไฟล์คอมโพเนนต์ทั้งหมดด้วยตนเองเช่นชื่อโฟลเดอร์, .css, .ts, spec.ts และ app.module.ts หรือไม่

23
สร้างส่วนประกอบไปยังโมดูลเฉพาะด้วย Angular-CLI
ฉันเริ่มใช้ angi-cli แล้วและฉันได้อ่านคำตอบมากมายเกี่ยวกับสิ่งที่ฉันต้องการจะทำ ... ไม่ประสบความสำเร็จดังนั้นฉันจึงมาที่นี่ มีวิธีในการสร้างองค์ประกอบให้กับโมดูลใหม่หรือไม่? เช่น: ng g module newModule ng g component newComponent (วิธีเพิ่มส่วนประกอบนี้ใน newModule ??) เพราะการทำงานเริ่มต้นเชิงมุม-CLI app.moduleคือการวางองค์ประกอบใหม่ทั้งหมดภายใน app.moduleผมอยากจะเลือกที่องค์ประกอบของฉันจะเป็นเพื่อที่ฉันสามารถสร้างโมดูลแยกออกจากกันและจะไม่ได้มีส่วนประกอบของฉันทั้งหมดภายใน เป็นไปได้ที่จะทำเช่นนั้นโดยใช้ angular-cli หรือฉันต้องทำด้วยตนเอง?

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.