คุณต้องอยู่ในโครงการเชิงมุมเพื่อใช้คำสั่ง build หลังจากติดตั้ง angular-cli ใหม่


117

ฉันติดตั้ง angular-cli ล่าสุดทั่วโลกและโครงการของฉันกำลังสร้างสำเร็จ

ในขณะที่อ่านวิธีแก้ปัญหาที่แนะนำสำหรับปัญหาอื่น ( https://github.com/angular/angular-cli/issues/917 ) ฉันถอนการติดตั้ง global angular-cli และติดตั้งเป็น dev-dependency

ปัญหาอื่นนั้นไม่ได้รับการแก้ไขดังนั้นฉันจึงถอนการติดตั้ง dev-dependency และติดตั้ง angular-cli ทั่วโลกอีกครั้ง ตอนนี้เมื่อฉันพยายามสร้าง ngฉันได้รับข้อผิดพลาด:

คุณต้องอยู่ในโปรเจ็กต์เชิงมุมเพื่อใช้คำสั่ง build

เวอร์ชัน angular-cli ของฉันไม่เปลี่ยนแปลง เหตุใดโครงการของฉันจึงไม่ได้รับการยอมรับว่าเป็นโครงการเชิงมุม?


ในกรณีของฉันฉันต้องอัปเดต@angular/cliจาก 1.6.7 เป็น 1.6.8
JPNotADragon

คำตอบ:


181

เหมือนกับคำตอบของ John Pankowicz แต่ในกรณีของฉันฉันต้องวิ่ง

npm install -g @angular/cli@latest

สำหรับเวอร์ชันที่ตรงกัน


6
ปรากฎว่า "@ angular / cli" เป็น "angular-cli" เวอร์ชันใหม่กว่า อันหลังได้รับการติดตั้งทั่วโลกในระบบของฉันและก่อนหน้านี้มีอยู่ใน package.json หลังจากเปลี่ยนแพคเกจแล้วมันก็ใช้งานได้
simonxy

สำหรับฉันการรันคำสั่ง npm install -g @ angular / cli เท่านั้นที่สามารถแก้ปัญหาได้
DILIP KOSURI

ใช่มันได้ผล!
Naveed Aheer

สิ่งนี้ได้ผลสำหรับฉันเช่นกัน เป็นสิ่งสำคัญสำหรับโครงการที่ฉันได้รับให้มีเวอร์ชันที่ตรงกัน
Keenan Payne

ฉันอยู่ในโฟลเดอร์ WebAPI ดังนั้นฉันต้องเปลี่ยนไปใช้โฟลเดอร์ Angular CLI :)
Varun Maggo

53

โอเคพบแล้ว

package.jsonต้องมีการพึ่งพากับเชิงมุม-CLI

เมื่อฉันถอนการติดตั้ง angular-cli ในเครื่องของฉัน npm จะลบรายการอ้างอิงด้วย


7
คุณช่วยอธิบายรายละเอียดเพิ่มเติมเกี่ยวกับการพึ่งพาได้หรือไม่
BJAA

การถอนการติดตั้ง angular-cli เป็นการพึ่งพา dev นั่นคือ [npm uninstall --save-dev angular-cli] ลบรายการออกจาก package.json "devDependencies": {"@ angular / cli": "^ 1.0.0", " ... "} ดังนั้นคุณต้องตรวจสอบให้แน่ใจว่ารายการนี้อยู่ภายใต้" devDependencies "หรือแม้แต่" dependencies "หากจำเป็น
jabu.hlong

แล้วคุณทำอะไร? คุณถอนการติดตั้งอะไรกันแน่? -g หรือ - บันทึก?
Janatbek Sharsheyev

52
npm uninstall -g angular-cli @angular/cli
npm cache clean
npm install -g @angular/cli

ใช้ sudo บน Mac / Linux


npm ผิดพลาด! ณ วันที่ npm @ 5 แคช npm สามารถรักษาตัวเองจากปัญหาความเสียหายและข้อมูลที่ดึงออกจากแคชได้รับการรับรองว่าถูกต้อง หากคุณต้องการให้แน่ใจว่าทุกอย่างสอดคล้องกันให้ใช้ 'npm cache verification' แทน
obeliksz

หากคุณประสบปัญหานี้: ไม่พบโมดูล "@ angular-devkit / build-angular" จาก .... จากนั้นอาจมีประโยชน์ในการเรียกใช้เช่นกัน: npm install --save-dev @ angular-devkit / build- เชิงมุม
Mario

สำหรับการใช้งานขั้นที่ 2npm cache clean --force
Usman Saleh

นี่เป็นสิ่งเดียวที่ใช้ได้ผลสำหรับฉัน ขอบคุณ!
Andrew Junior Howard

24

ฉันมีข้อความแสดงข้อผิดพลาดเดียวกัน แต่สาเหตุและวิธีแก้ปัญหาแตกต่างกันเล็กน้อย เมื่อฉันรัน "ng -v" มันแสดงเวอร์ชันต่างๆสำหรับ angular-cli (1.0.0-beta.28.3) และ @ angular / cli (1.0.0-beta.31) ฉันวิ่งอีกครั้ง:

npm install -g @angular/cli

ตอนนี้ทั้งสองแสดงเวอร์ชัน 1.0.0-beta.31 ข้อความแสดงข้อผิดพลาดหายไปและตอนนี้ "ng serve" ใช้งานได้ (ใช่ - เป็น @ angular / cli ที่ฉันติดตั้งใหม่และอัปเดตเวอร์ชัน angular-cli แล้ว)


โปรดทราบว่าการรีเฟรช angular-cli ใช้เวลานานมากแม้กระทั่งหนึ่งชั่วโมง ในช่วงกลางของงานที่มีความสำคัญต่อเวลาอาจถึงวาระโครงการของคุณ
TamásPolgár

สำหรับฉันฉันกำลังลอง npm install -g angular-cli ซึ่งตอนนี้เลิกใช้แล้ว ฉันต้อง npm ติดตั้ง -g @ angular / cli
Robbie Smith



14

ดำเนินการคำสั่งต่อไปนี้ทีละขั้นตอน:

sudo npm uninstall -g angular-cli @angular/cli

sudo npm cache clean

npm install npm@latest -g

sudo npm install -g @angular/cli

npm rebuild node-sass --force

8

นี่คือสิ่งที่ช่วยฉันเมื่อฉันพบว่าตัวเองมีปัญหาเดียวกัน:

npm uninstall -g angular-cli @angular/cli
npm cache clean --force
npm install -g @angular/cli@latest

5
npm uninstall -g angular-cli
npm uninstall --save angular-cli
npm uninstall -g @angular/cli
npm uninstall --save @angular/cli
npm cache clean
npm install --save-dev @angular/cli@latest

5

ในกรณีของฉัน (Mac OS X และก่อนหน้านี้เคยใช้สภาพแวดล้อม Angular 1.5)

npm -g cache clean --force

npm cache clean --force

ทำงาน ( npm install -g @angular/cli@latestหลังจากนั้น)



2

ข้อผิดพลาดนี้เกิดขึ้นเมื่อมีความเข้ากันไม่ได้ระหว่างเวอร์ชันโหนดและเวอร์ชันเชิงมุม / cli ดังนั้นใช้คำสั่งด้านล่างเพื่ออัปเดตเวอร์ชัน cli ให้เป็นเวอร์ชันล่าสุด

npm ติดตั้ง -g @ angular / cli @ ล่าสุด


2
npm uninstall -g angular-cli @angular/cli

npm cache clean --force

npm install -g @angular-cli/latest

ฉันได้ลองใช้คำสั่งที่คล้ายกันแล้วและใช้ได้กับฉัน แต่ต้องแน่ใจว่าคุณใช้คำสั่งจากพรอมต์คำสั่งด้วยสิทธิ์ของผู้ดูแลระบบ


1

ฉันมีปัญหาเดียวกัน - ปรากฎว่าฉันใช้ angular-cli ที่เลิกใช้แล้วแทนที่จะเป็น @ angular / cli ทีม dev ของฉันใช้หลังนี้และฉันต้องใช้เวลาพอสมควรกว่าจะสังเกตเห็นว่าเราใช้ angular-cli เวอร์ชันอื่น


1

ฉันประสบปัญหาเดียวกันในขณะที่เรียกใช้โครงการของฉัน: ฉันพบว่าหากโครงการของคุณใช้เวอร์ชันเฉพาะของสิ่งใด ๆ ในpackage.jsonพบว่าและติดตั้งเวอร์ชันเฉพาะของการอ้างอิงนั้นเช่นสำหรับฉันnpm install @ angular / cli @ ^



0

ฉันมีปัญหาที่คล้ายกันและไม่มีอะไรได้ผล แต่ฉันก็ทำตามขั้นตอนด้านล่างและมันใช้ได้ผลสำหรับฉัน เมื่อฉันเรียกใช้cmdในฐานะผู้ดูแลระบบมันทำงานได้ดีสำหรับฉัน

  1. ก่อนอื่นให้เรียกใช้ Command Prompt ในฐานะผู้ดูแลระบบ ans

  2. สร้างโครงการใหม่

หากยังไม่ได้สร้างโครงการเอาโฟลเดอร์และไฟล์ทั้งหมดของมันแล้ววิ่งตามมาด้วยng new <project name>ng serve

หากไม่ได้ผลเพียงแค่ถอนการติดตั้งโหนดและไฟล์อื่น ๆ ที่เกี่ยวข้องแล้วทำตามขั้นตอนด้านบน


0

เพียงรวมสิ่งนี้ไว้ใน package.json ในส่วน devDependencies

"angular-cli": "1.0.0-beta.25.5"

ไม่บังคับให้ติดตั้งหากคุณมี cli รุ่นอื่นติดตั้งอยู่ทั่วโลก

ฉันได้รับปัญหานี้เมื่อฉันทำงานกับ angular2 & 4 พร้อมกันกับโปรเจ็กต์อื่น ดังนั้น angular4 - ต้อง angular-cli @ ล่าสุดและ angular2 ต้อง angular-cli เวอร์ชันด้านบน


0
npm uninstall -g angular-cli 

npm install -g @angular/cli

แค่นั้นแหละ!

ใส่คำอธิบายภาพที่นี่


1
ยินดีต้อนรับสู่ Stack Overflow! โปรดเพิ่มรหัสและข้อมูลเป็นข้อความ ( โดยใช้การจัดรูปแบบรหัส ) ไม่ใช่รูปภาพ รูปภาพ: A) ไม่อนุญาตให้เราคัดลอก - & - วางรหัส / ข้อผิดพลาด / ข้อมูลสำหรับการทดสอบ B) ไม่อนุญาตให้ค้นหาตามรหัส / ข้อผิดพลาด / เนื้อหาข้อมูล และเหตุผลอื่น ๆ อีกมากมาย โดยทั่วไปรหัส / ข้อผิดพลาด / ข้อมูลในรูปแบบข้อความ >>>> รหัส / ข้อผิดพลาด / ข้อมูลเป็นรูปภาพ >> ไม่มีอะไร ควรใช้รูปภาพเท่านั้นนอกเหนือจากข้อความในรูปแบบโค้ดหากการมีรูปภาพนั้นเพิ่มสิ่งสำคัญที่ไม่ได้สื่อเพียงรหัสข้อความ / ข้อผิดพลาด / ข้อมูล
เสียงบี๊บสองครั้ง

ขอบคุณสำหรับการต้อนรับฉัน ฉันจะดูแลมันในครั้งต่อไป
Bhavya Shah

0

อาจเป็นปัญหากับเวอร์ชันของคุณ

npm install -g @angular/cli@latest

การดำเนินการข้างต้นใช้ได้ผลสำหรับฉัน ขอบคุณ!

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