ข้อผิดพลาดใน Angular Compiler ต้องการ TypeScript> = 3.1.1 และ <3.2.0 แต่พบ 3.2.1 แทน

ฉันได้รับข้อผิดพลาดนี้

ข้อผิดพลาดใน Angular Compiler ต้องการ TypeScript> = 3.1.1 และ <3.2.0 แต่พบ 3.2.1 แทน

ดูเหมือนว่า typescript ที่อัปเดตแล้ว แต่ Angular Compiler ไม่ชอบสิ่งนั้น

ฉันจะแก้ไขสิ่งนี้ได้อย่างไร

ในการแก้ไขปัญหานี้ให้ติดตั้ง typescript เฉพาะเวอร์ชัน 3.1.6

npm i typescript@3.1.6 --save-dev --save-exact

ในกรณีของฉันด้านล่างคำสั่งทำงานสำหรับ windows มันจะติดตั้งเวอร์ชันที่ต้องการล่าสุดระหว่าง 3.1.1 และ 3.2.0 ขึ้นอยู่กับระบบปฏิบัติการให้ใช้เครื่องหมายคำพูดคู่หรือเดี่ยว

npm install typescript@">=3.1.1 <3.2.0" 

ก่อนติดตั้งเวอร์ชันเป้าหมายของคุณ

npm i typescript@3.1.6 --save-dev --save-exact

จากนั้นก่อนที่จะรวบรวมทำ

   npm i

npm install typescript@">=3.1.1 <3.3.0" --save-dev --save-exact
rm -rf node_modules
npm install

หากคุณต้องการใช้ Angular กับเวอร์ชัน TypeScript ที่ไม่สนับสนุนให้เพิ่มส่วนนี้ลงในของคุณtsconfig.jsonเพื่อละเว้นคำเตือน:

  "angularCompilerOptions": {
    "disableTypeScriptVersionCheck": true,
  },

ข้อผิดพลาดใน Angular Compiler ต้องการ TypeScript> = 3.4.0 และ <3.6.0 แต่พบ 3.6.3 แทน

สำหรับข้อผิดพลาดนี้คุณยังสามารถกำหนดช่วงรุ่น:

yarn add typescript@">=3.4.0 <3.6.0" --save-dev --save-exact

หรือสำหรับ npm

npm install typescript@">=3.4.0 <3.6.0" --save-dev --save-exact

หลังจากติดตั้งเวอร์ชันของ typescript ที่ถูกต้อง:

1. ลบnode_modulesโฟลเดอร์
2. เรียกใช้yarn installหรือnpm install
3. รวบรวมและข้ามนิ้วของคุณ xD

มีข้อผิดพลาดที่คล้ายกันจากบันทึกข้อผิดพลาดของ CircleCi

"ข้อผิดพลาดใน Angular Compiler ต้องการ TypeScript> = 3.1.1 และ <3.3.0 แต่พบ 3.3.3333 แทน"

เพียงแค่คุณรู้ว่าสิ่งนี้ไม่ส่งผลกระทบต่อแอปพลิเคชัน Angular แต่ข้อผิดพลาดของ CircleCi เริ่มน่ารำคาญ ฉันกำลังเรียกใช้ Angular 7.1

ฉันวิ่ง: $ npm ฉัน typescript@3.1.6 --save-dev - บันทึกตรงเพื่ออัปเดตไฟล์ package-lock.json

จากนั้นฉันก็วิ่ง: $ npm ฉัน

หลังจากนั้นฉันวิ่ง: $ npm แก้ไขการตรวจสอบ

"ข้อความผิดพลาด CircleCi นี้" หายไป ดังนั้นมันใช้งานได้

สำหรับข้อผิดพลาดดังต่อไปนี้:

ข้อผิดพลาดใน Angular Compiler ต้องการ TypeScript> = 3.4.0 และ <3.6.0 แต่พบ 3.6.3 แทน

รันคำสั่ง NPM ต่อไปนี้:

$ npm install typescript@3.5.3

ลิงค์ที่มา

ฉันยังประสบปัญหาที่คล้ายกันเมื่อพยายามที่จะทำหน้าที่ ฉันสามารถแก้ไขได้ดังนี้
บันทึก:

C:\Windows\system32> is on windows command prompt
C:\apps\workspace\testProj>  is on VS code Terminal (can also be doable in another command prompt)

ต่อไปนี้เป็นขั้นตอนที่ฉันใช้เพื่อแก้ไขปัญหานี้ ขั้นที่ 1

ตรวจสอบรุ่น cli ที่ติดตั้งบนพรอมต์คำสั่ง (จะเป็นรุ่นสากลของ Angular CLI)

C:\Windows\system32>ng --version

CLI เชิงมุม: 8.3.13

หากติดตั้ง cli ไว้ก่อนหน้านี้จะแสดงเวอร์ชัน cli ทั่วโลก

หาก cli ไม่ได้ติดตั้งเราอาจได้รับข้อผิดพลาด
ng ไม่ได้รับการยอมรับว่าเป็นคำสั่งภายในหรือภายนอก

(ขั้นตอนเพิ่มเติม) Install Angular CLI global version

C:\Windows\system32>npm install -g @angular/cli
C:\Windows\system32>npm install -g @angular-cli/latest

ข ตรวจสอบเวอร์ชั่นอีกครั้ง

C:\Windows\system32>ng --version
Angular CLI: 8.3.13

ขั้นตอนที่ 2. ตรวจสอบรุ่น cli ท้องถิ่นที่ติดตั้งในโครงการเชิงมุมของคุณ (รหัสรหัส VS หรือคำสั่งให้ซีดีโครงการโครงการของคุณ)

C:\apps\workspace\testProj>ng --version
Angular CLI: 7.3.8

หมายเหตุ: เวอร์ชันที่ชัดเจนไม่ได้ซิงค์ ทำสิ่งต่อไปนี้ในโครงการเชิงมุมของคุณ

C:\apps\workspace\testProj>ng update @angular/cli        -> important to sync with global cli version

หมายเหตุ : ถ้าอัพเกรด donot ทำงานโดยใช้คำสั่งด้านบน (อ้างอิง: วิธีอัปเกรด Angular CLI เป็นเวอร์ชันล่าสุด ) พร้อมรับคำสั่งบนuninstall global angular cli, clean the cache and reinstall the cli

C:\Windows\system32>npm uninstall -g angular-cli
C:\Windows\system32>npm cache clean or npm cache verify #(if npm > 5)
C:\Windows\system32>npm install -g @angular/cli@latest

ตอนนี้อัพเดตเวอร์ชันโปรเจ็กต์โลคัลของคุณเนื่องจากเวอร์ชัน cli ของโปรเจ็กต์โลคัลของคุณมีลำดับความสำคัญสูงกว่าโกลบอลเมื่อคุณพยายามรันโปรเจ็กต์ของคุณ

C:\apps\workspace\testProj>rm -rf node_modules
C:\apps\workspace\testProj>npm uninstall --save-dev angular-cli
C:\apps\workspace\testProj>npm install --save-dev @angular/cli@latest
C:\apps\workspace\testProj>npm install
C:\apps\workspace\testProj>ng update @angular/cli

ขั้นตอนที่ 3 ตรวจสอบว่าเวอร์ชัน cli ของโปรเจ็กต์ท้องถิ่นซิงค์กับโกลบอลหรือไม่

C:\Windows\system32>ng --version
Angular CLI: 8.3.13

C:\apps\workspace\testProj>ng --version
Angular CLI: 8.3.13

ขั้นที่ 4 . ตรวจสอบความถูกต้องของโครงการอีกครั้ง

C:\apps\workspace\testProj>ng serve

ควรทำงานตอนนี้