คำถามติดแท็ก angular6

หลังจากอัปเดตเป็น 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": …

454 angular  angular-cli  angular6  angular-cli-v6 

ฉันกำลังพยายามอัปเดตแอป 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 

ฉันได้รับข้อผิดพลาดนี้ขณะเรียกใช้แอปพลิเคชันของฉัน นี่คือรายละเอียดของใบสมัครของฉัน Angular CLI: 7.3.3 Node: 10.15.1 Angular: 7.2.7 @angular-devkit/architect -0.13.3 @angular-devkit/build-angular- 0.800.1 @angular-devkit/build-optimizer - 0.800.1 @angular-devkit/build-webpack - 0.800.1 @angular-devkit/core -7.3.3 @angular-devkit/schematics -7.3.3 @angular/cli -7.3.3 @ngtools/webpack -8.0.1 @schematics/angular -7.3.3 @schematics/update 0.13.3 rxjs 6.3.3 typescript 3.2.4 webpack 4.30.0 ฉันได้ลองแคชสะอาดแล้ว

160 angular6  angular7 

รหัสตัวพิมพ์: import { Injectable } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import { of } from 'rxjs/observable/of'; import { Hero } from './hero'; import { HEROES } from './mock-heroes'; @Injectable({ providedIn: 'root' }) export class HeroService { constructor() { } getHeroes(): Observable<Hero[]> { return of(HEROES); } } ข้อมูลข้อผิดพลาด: …

156 angular  typescript  rxjs  angular6  rxjs6 

เมื่อสร้างเซอร์วิสใน Angular CLI จะเป็นการเพิ่มข้อมูลเมตาพิเศษด้วยคุณสมบัติ "ให้ไว้ใน" โดยมีค่าเริ่มต้นเป็น "root" สำหรับตัวตกแต่งแบบ Injectable @Injectable({ providedIn: 'root', }) สิ่งที่ให้ไว้ในทำคืออะไร? ฉันสมมติว่านี่เป็นการทำให้บริการพร้อมใช้งานเหมือนบริการซิงเกิลตัน 'ทั่วโลก' สำหรับแอปพลิเคชันทั้งหมดอย่างไรก็ตามจะไม่เป็นการดีกว่าที่จะประกาศบริการดังกล่าวในอาร์เรย์ผู้ให้บริการของ AppModule? UPDATE: สำหรับคนอื่นย่อหน้าต่อไปนี้ให้คำอธิบายที่ดีอีกอย่างหนึ่งเช่นกันโดยเฉพาะอย่างยิ่งหากคุณต้องการให้บริการเฉพาะโมดูลคุณลักษณะ ขณะนี้มีวิธีใหม่ที่แนะนำในการลงทะเบียนผู้ให้บริการภายใน@Injectable()มัณฑนากรโดยตรงโดยใช้providedIn แอตทริบิวต์ใหม่ ยอมรับ'root'เป็นค่าหรือโมดูลใด ๆ ของแอปพลิเคชันของคุณ เมื่อคุณใช้งาน'root'ของคุณinjectableจะถูกลงทะเบียนเป็นซิงเกิลตันในแอปพลิเคชันและคุณไม่จำเป็นต้องเพิ่มให้กับผู้ให้บริการของโมดูลรูท ในทำนองเดียวกันถ้าคุณใช้ providedIn: UsersModuleที่injectableมีการลงทะเบียนเป็นผู้ให้บริการที่UsersModuleไม่ต้องเพิ่มไปยังprovidersของโมดูล." - https://blog.ninja-squad.com/2018/05/04/what-is-new-angular -6 / อัปเดต 2: หลังจากการตรวจสอบเพิ่มเติมฉันได้ตัดสินใจว่าจะมีประโยชน์เท่านั้น providedIn: 'root' หากคุณต้องการprovideใช้บริการในโมดูลอื่นที่ไม่ใช่รูทโมดูลคุณควรใช้providersอาร์เรย์ในมัณฑนากรของโมดูลคุณลักษณะดีกว่ามิฉะนั้นคุณจะต้องพึ่งพาการอ้างอิงแบบวงกลม มีการพูดคุยที่น่าสนใจที่นี่ - https://github.com/angular/angular-cli/issues/10170

136 angular  angular6 

ฉันได้อ่านเอกสารซึ่งระบุว่าหากฉันต้องการใช้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 Material Design 6 วิธี (เปลี่ยน) ถูกลบออก ฉันไม่พบวิธีแทนที่วิธีการเปลี่ยนแปลงเพื่อรันโค้ดในส่วนประกอบเมื่อผู้ใช้เปลี่ยนการเลือกขอบคุณ!

129 angular  angular6 

ฉันกำลังพยายามสร้างส่วนประกอบที่กำหนดเองโดยใช้หลาย ๆ ตัวng-contentใน Angular 6 แต่มันใช้ไม่ได้และฉันไม่รู้ว่าทำไม นี่คือรหัสส่วนประกอบของฉัน: <div class="header-css-class"> <ng-content select="#header"></ng-content> </div> <div class="body-css-class"> <ng-content select="#body"></ng-content> </div> ฉันกำลังพยายามใช้ส่วนประกอบนี้ในที่อื่นและแสดงโค้ด HTML ที่แตกต่างกันสองรายการภายในbodyและส่วนหัวselectของng-contentสิ่งนี้: <div #header>This should be rendered in header selection of ng-content</div> <div #body>This should be rendered in body selection of ng-content</div> แต่คอมโพเนนต์กำลังแสดงผลว่างเปล่า พวกคุณรู้ไหมว่าฉันทำอะไรผิดหรืออะไรคือวิธีที่ดีที่สุดในการแสดงสองส่วนที่แตกต่างกันในองค์ประกอบเดียวกัน ขอบคุณ!

104 angular  angular6  angular-components  ng-content