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

ฉันกำลังพยายามอัปเดตแอป Angular 5.2 เป็น Angular 6 ฉันทำตามคำแนะนำในคู่มือการอัปเดต Angular เรียบร้อยแล้ว (รวมถึงการอัปเดตangular-cliเป็น v6) และตอนนี้ฉันกำลังพยายามให้บริการแอปผ่านทาง ng serve --env=local แต่นี่ทำให้ฉันเกิดข้อผิดพลาด: ตัวเลือกที่ไม่รู้จัก: '--env' ฉันใช้หลายสภาพแวดล้อม ( dev/local/prod) และนี่คือวิธีการทำงานใน Angular 5.2 ฉันจะตั้งค่าสภาพแวดล้อมใน Angular 6 ได้อย่างไร

169 angular  angular6  angular-cli 

ฉันต้องการที่จะทราบว่าฉันสามารถตั้งค่าโฮสต์และพอร์ตในไฟล์ config ดังนั้นผมจึงไม่ต้องพิมพ์ ng serve --host foo.bar --port 80 แทนที่จะเป็นเพียงแค่ ng serve

166 angular  angular-cli 

ฉันได้รับข้อผิดพลาดนี้ ข้อผิดพลาดใน Angular Compiler ต้องการ TypeScript> = 3.1.1 และ <3.2.0 แต่พบ 3.2.1 แทน ดูเหมือนว่า typescript ที่อัปเดตแล้ว แต่ Angular Compiler ไม่ชอบสิ่งนั้น ฉันจะแก้ไขสิ่งนี้ได้อย่างไร

159 angular  typescript  npm  angular-cli 

เมื่อเรียกใช้คำสั่งเทอร์มินัลng serverหรือng serve --live-reload=trueฉันพบปัญหานี้: คำสั่งให้บริการจะต้องมีการเรียกใช้ในโครงการเชิงมุม แต่ไม่พบคำนิยามของโครงการ

158 angular  angular5  angular-cli 

ng serve ให้บริการโครงการเชิงมุมผ่านเซิร์ฟเวอร์การพัฒนา npm startเรียกใช้คำสั่งโดยพลการที่ระบุในคุณสมบัติ "เริ่มต้น" ของแพ็คเกจ "วัตถุ" สคริปต์ หากไม่ได้ระบุคุณสมบัติ "เริ่มต้น" ไว้ในวัตถุ "สคริปต์" จะเรียกใช้ node server.js ดูเหมือนว่าจะng serveเริ่มเซิร์ฟเวอร์ที่ฝังตัวในขณะที่npm startเริ่มเซิร์ฟเวอร์ Node ใครบางคนสามารถโยนแสงบนมันได้หรือไม่

157 angular  angular-cli 

ฉันกำลังพยายามทดสอบองค์ประกอบเชิงมุม 4.1.0 ของฉัน - export class CellComponent implements OnInit { lines: Observable<Array<ILine>>; @Input() dep: string; @Input() embedded: boolean; @Input() dashboard: boolean; constructor( public dataService: CellService, private route: ActivatedRoute, private router: Router, private store: Store<AppStore>) { } } อย่างไรก็ตามการทดสอบ "ควรสร้าง" แบบง่ายจะทำให้เกิดข้อผิดพลาดที่เป็นความลับนี้ ... NetworkError: ล้มเหลวในการดำเนินการ 'ส่ง' ใน 'XMLHttpRequest': ล้มเหลวในการโหลด 'ng: ///DynamicTestModule/module.ngfactory.js' ดังนั้นฉันพบคำถามนี้ซึ่งแสดงให้เห็นว่าปัญหาคือองค์ประกอบมี@Input)_params …

146 angular  unit-testing  karma-jasmine  angular-cli 

ฉันมีโครงการสร้าง Angular2 ด้วย Angular-CLI (เบต้า 20) มีวิธีเรียกใช้การทดสอบกับไฟล์ spec เพียงไฟล์เดียวที่เลือกหรือไม่ ฉันเคยมีโครงการตามการเริ่มต้นอย่างรวดเร็วของ Angular2 และฉันสามารถเพิ่มรายละเอียดลงในไฟล์จัสมินด้วยตนเอง แต่ฉันไม่ทราบวิธีตั้งค่านอกการทดสอบกรรมหรือวิธี จำกัด การทดสอบกรรมให้กับไฟล์เฉพาะด้วย Angular-CLI builds

143 angular  jasmine  angular-cli 

ฉันต้องการสร้างแอปเชิงมุม 2 พร้อมแองกูลาร์เชิงมุม ฉันเขียนเป็นคำสั่ง: npm ติดตั้ง angular-cli -g แล้ว: ตอนแรก แต่มันแสดงให้ฉันข้อผิดพลาดเมื่อฉันเขียนเริ่มต้น NPM! ฉันไม่เข้าใจปัญหา

140 angular  npm  angular-cli 

ฉันจะเปลี่ยน favicon เริ่มต้นที่กำหนดโดย Angular CLI ได้อย่างไร ฉันลองหลาย ๆ อย่างแล้ว แต่มันแสดงโลโก้ Angular ว่าเป็น favicon เสมอแม้ว่าฉันจะลบไอคอนนั้น (favicon.ico ในโฟลเดอร์ src) มันยังคงแสดงอยู่และฉันไม่รู้ว่ามันโหลดมาจากไหน ฉันได้แทนที่ไอคอนนั้นด้วยไอคอนอื่น แต่มันยังคงแสดงโลโก้ Angular: <link rel="icon" type="image/x-icon" href="favicon.ico">

140 angular-cli 

มีวิธีเรียกใช้ng testไฟล์เดียวแทนที่จะเป็นชุดทดสอบทั้งหมดหรือไม่ ตามหลักการแล้วฉันต้องการรับลูปข้อเสนอแนะที่เร็วที่สุดเท่าที่จะเป็นไปได้เมื่อฉันแก้ไขไฟล์ แต่karmaดำเนินการทั้งชุดในการบันทึกแต่ละครั้งซึ่งค่อนข้างช้าเมื่อคุณสร้างชุดทดสอบที่ใหญ่พอ ซึ่งแตกต่างจากHow to execute only test spec with angular-cliในคำถามนั้นเกี่ยวกับการเรียกใช้ข้อมูลจำเพาะแต่ละรายการ นี่เกี่ยวกับการเรียกใช้ไฟล์แต่ละไฟล์ การแก้ปัญหาเกี่ยวข้องกับคุณสมบัติเฉพาะของจัสมินเหมือนกัน แต่ลักษณะของคำถามแตกต่างกันเล็กน้อย

139 angular  jasmine  angular-cli  karma-runner 

อัปเดต 5/24/2018:ตอนนี้เราเป็น Angular เวอร์ชัน +3 จากโพสต์เดิมของฉันและยังไม่มีวิธีแก้ไขขั้นสุดท้ายที่สามารถใช้งานได้ Lars Meijdam (@LarsMeijdam) ได้เสนอแนวทางที่น่าสนใจซึ่งคุ้มค่าแก่การดู (เนื่องจากปัญหาด้านกรรมสิทธิ์เขาจึงต้องลบที่เก็บ GitHub ชั่วคราวซึ่งเขาเคยโพสต์ตัวอย่างของเขาอย่างไรก็ตามคุณสามารถส่งข้อความถึงเขาโดยตรงหากคุณต้องการสำเนาโปรดดูความคิดเห็นด้านล่างสำหรับข้อมูลเพิ่มเติม) การเปลี่ยนแปลงทางสถาปัตยกรรมล่าสุดใน Angular 6 ทำให้เราเข้าใกล้โซลูชันมากขึ้น นอกจากนี้ Angular Elements ( https://angular.io/guide/elements ) ยังมีฟังก์ชั่นส่วนประกอบบางอย่างแม้ว่าจะไม่ใช่สิ่งที่ฉันอธิบายไว้ในโพสต์นี้ในตอนแรก หากใครจากทีม Angular ที่น่าทึ่งบังเอิญเจอสิ่งนี้โปรดทราบว่าดูเหมือนจะมีคนอื่น ๆ อีกมากมายที่สนใจฟังก์ชันนี้เช่นกัน อาจเป็นเรื่องที่ควรพิจารณาสำหรับงานในมือ ผมอยากจะใช้ pluggable (Plug-in) ในกรอบAngular 2, Angular 4, Angular 5หรือAngular 6แอพลิเคชัน (กรณีการใช้งานเฉพาะของฉันสำหรับการพัฒนาเฟรมเวิร์กที่เสียบได้นี้คือฉันจำเป็นต้องพัฒนาระบบการจัดการเนื้อหาขนาดเล็กด้วยเหตุผลหลายประการที่ไม่จำเป็นต้องอธิบายไว้ในที่Angular 2/4/5/6นี้จึงเป็นความเหมาะสมที่ใกล้เคียงที่สุดสำหรับความต้องการส่วนใหญ่ของระบบนั้น) โดยเฟรมเวิร์กแบบเสียบได้ (หรือสถาปัตยกรรมปลั๊กอิน) ฉันหมายถึงระบบที่อนุญาตให้นักพัฒนาบุคคลที่สามสร้างหรือขยายฟังก์ชันการทำงานของแอปพลิเคชันหลักโดยใช้ส่วนประกอบที่เสียบได้โดยไม่ต้องเข้าถึงโดยตรงหรือรู้เกี่ยวกับซอร์สโค้ดของแอปพลิเคชันหลัก หรืองานภายใน (วลีที่เกี่ยวกับ " โดยไม่ต้องเข้าถึงโดยตรงหรือรู้เกี่ยวกับซอร์สโค้ดของแอปพลิเคชันหรือการทำงานภายใน " …

136 angular  plugins  angular-cli  angular-universal 

ฉันได้อ่านเอกสารซึ่งระบุว่าหากฉันต้องการใช้scssฉันต้องรันคำสั่งต่อไปนี้: ng set defaults.styleExt scss แต่เมื่อฉันทำและสร้างไฟล์นั้นฉันยังคงได้รับข้อผิดพลาดนี้ในคอนโซลของฉัน: styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such file or directory, open '/Users/Egen/Code/angular/src/styles.css'(…)

135 css  angular  sass  angular6  angular-cli 

ฉันมีแอพง่ายๆเริ่มต้นโดยangular-cli. มันแสดงบางเพจที่สัมพันธ์กับ 3 เส้นทาง ฉันมีส่วนประกอบ 3 อย่าง ที่หนึ่งของการใช้งานนี้ผมหน้าlodashและเชิงมุม 2 HTTP โมดูลที่จะได้รับข้อมูลบางอย่าง (โดยใช้ RxJS Observables, mapและsubscribe) ฉันแสดงองค์ประกอบเหล่านี้โดยใช้ไฟล์*ngFor. แต่แม้ว่าแอปของฉันจะเรียบง่าย แต่ฉันก็ได้รับแพ็คเกจและแผนที่ขนาดใหญ่ (ในความคิดของฉัน) ฉันไม่ได้พูดถึงเวอร์ชัน gzip แต่เป็นขนาดก่อน gzipping คำถามนี้เป็นเพียงการสอบถามเกี่ยวกับคำแนะนำทั่วไป ผลการทดสอบบางส่วน: ng สร้าง แฮช: 8efac7d6208adb8641c1 เวลา: 10129ms chunk {0} main.bundle.js, main.bundle.map (main) 18.7 kB {3} [initial] [rendered] ก้อน {1} styles.bundle.css, styles.bundle.map, styles.bundle.map (รูปแบบ) 155 kB {4} …

135 angular  webpack  angular-cli 

UPDATE: ธันวาคม 2561 (ดูคำตอบของ 'Aniket') ด้วย Angular CLI 6 คุณต้องใช้ตัวสร้างเนื่องจาก ng eject ถูกเลิกใช้และจะถูกลบออกในเร็ว ๆ นี้ใน 8.0 UPDATE: มิถุนายน 2018: Angular 6 ไม่รองรับ ng eject ** UPDATE: กุมภาพันธ์ 2017: ใช้ ng eject อัปเดต: พฤศจิกายน 2559: ตอนนี้ angular-cli ใช้เฉพาะ webpack เท่านั้น คุณต้องติดตั้งตามปกติด้วย npm install -g angular-cli "เราเปลี่ยนระบบการสร้างระหว่าง beta.10 และ beta.14 จาก SystemJS …

132 angular  webpack  angular-cli 

การใช้ angular-cli กับng serveคำสั่งฉันจะระบุพอร์ตเริ่มต้นได้อย่างไรฉันไม่จำเป็นต้องส่ง--portแฟล็กด้วยตนเองทุกครั้งหรือไม่ ฉันต้องการเปลี่ยนจากพอร์ตเริ่มต้น 4200

130 angular  angular-cli