ดูเหมือนว่าคุณจะไม่ขึ้นอยู่กับ“ @ angular / core” นี่เป็นข้อผิดพลาด

ฉันต้องการสร้างแอปเชิงมุม 2 พร้อมแองกูลาร์เชิงมุม

ฉันเขียนเป็นคำสั่ง:

npm ติดตั้ง angular-cli -g

แล้ว:

ตอนแรก

แต่มันแสดงให้ฉันข้อผิดพลาดเมื่อฉันเขียนเริ่มต้น NPM!

ฉันไม่เข้าใจปัญหา

พยายามวิ่ง

npm install

ในโฟลเดอร์โครงการ

ในขณะที่ทำงานคุณควรจะอยู่ในไดเรกทอรีng serve / โครงการของแอป

หากคุณเรียกใช้คำสั่งในไดเรกทอรีอื่นคุณจะได้รับข้อผิดพลาด:

ดูเหมือนว่าคุณจะไม่ขึ้นอยู่กับ "@ angular / core" นี่เป็นข้อผิดพลาด

ลบโมดูลโหนดของคุณตรวจดูpackage.jsonไฟล์ที่ควรมีและติดตั้งด้วย@angular/corenpm i

1. ลบโฟลเดอร์node_modulesและไฟล์package-lock.json

2. จากนั้นเรียกใช้คำสั่งต่อไปนี้มันจะอัปเดตแพ็กเกจ npm

   npm update

3. ต่อมาเริ่มโครงการดำเนินการคำสั่งดังต่อไปนี้

   ng serve

ขั้นตอนข้างต้นทำงานให้ฉัน

อาจช่วยคุณ

• ลบโฟลเดอร์ทั้งหมดที่คุณสร้างไว้ก่อนหน้านี้
• สร้างโฟลเดอร์ใหม่
• จากนั้นลองนำทางไปยังโฟลเดอร์นั้นจากคำสั่ง "cd foldername"
• จากนั้นลองติดตั้ง "npm install"

นี่จะช่วยแก้ปัญหาของคุณ

จากสถานี

 > cd myProjectPath
 myProjectPath > npm install

ฉันไม่รู้ว่ามันยังเป็นปัญหาอยู่หรือไม่ ผมก็ประสบความรำคาญเช่นเดียวกันกับใน@angular/cli v1.1.2 npm 4.1.2ฉันลบnode_modulesไดเรกทอรีแล้วไปอัปเดตnpm(เนื่องจากนี่เป็นสาเหตุที่พบบ่อยในอดีต)

ฉันต้องการอัปเกรดnpmเป็น5.0.3(ล่าสุด) แต่เนื่องจากฉันใช้อยู่nvmดูเหมือนว่าจะทำให้ห้องสมุดสับสน nodeดังนั้นฉันติดตั้งใหม่

จากนั้นฉันไปกับ

• npm cache clean
• npm rebuild
• npm install - หนึ่งครั้งนี้หลายครั้งเนื่องจากทุกครั้งที่เกิดข้อผิดพลาดกับแพ็คเกจอื่น

ในที่สุดทุกแพ็คเกจก็ใช้ได้

หวังว่านี่จะช่วยได้

ขั้นตอนด้านล่างใช้ได้สำหรับฉัน:

1) ลบnode_modules/โฟลเดอร์และpackage-lock.jsonไฟล์

2) npm install

3) ng serve

การแก้ไขสำหรับฉันคือ

npm link
ng build 

ถ้าใครทำงานอยู่ในนี้ในปี 2018 สิ่งที่ทำงานที่สุดสำหรับผมคือการไปลงในแอปของฉันฉันสร้างขึ้นด้วยng new my-appและเรียกใช้ng serveนี้จะทำอย่างไรกับมันต้องพึ่งพาและ devDependencies อยู่ในแทนmy-app/package.json root/package.jsonพวกเขาเป็นสองไฟล์แยกกัน

แม้ว่าฉันจะคัดลอกการอ้างอิงทั้งหมดไปยังโฟลเดอร์รูทของpackage.jsonฉันฉันก็ต้องเข้าไปข้างในและเปลี่ยนตำแหน่งพา ธ สำหรับไฟล์ปรับแต่งด้วยตนเองและไปที่my-app/*อื่น มันง่ายกว่ามากที่จะเข้าไปmy-app/ทำงานที่ng serveนั่นเพื่อให้มันทำงานเหมือนที่ควรจะเป็น

ดังนั้นขั้นตอนเหล่านี้ควรใช้ได้กับทุกคน:

rm -rf <previous-app> // ไม่ว่าแอพก่อนหน้านี้ของคุณจะถูกเรียกว่าอะไรถ้ามี

sudo rm -rf node_modules

rm -f package-lock.json

npm install

ng new my-app

cd my-app

ng serve

รันการอัพเดต npmหลังจากติดตั้งการพึ่งพาเพียร์ทั้งหมดและจะใช้งานได้

ประสบปัญหาเดียวกัน ขณะใช้งาน ngserve คุณควรอยู่ในไดเรกทอรีแอพ เพื่อยืนยัน (บน GIT BASH: คุณจะมี (หลัก) หลังจากเส้นทางไดเรกทอรีที่พรอมต์ gitbash ถ้าคุณอยู่ที่ไดเรกทอรีแอป)

นี่คือวิธีที่ฉันแก้ไขปัญหานี้

npm install @angular/coreฉันวิ่งครั้งแรก

npm install --saveแล้วผมก็วิ่ง

เมื่อการติดตั้งทั้งสองเสร็จสมบูรณ์ฉันก็วิ่งnpm serveและได้รับข้อผิดพลาดว่า

"Versions of @angular/compiler-cli and typescript could not be determined.
The most common reason for this is a broken npm install.

Please make sure your package.json contains both @angular/compiler-cli and typescript in
devDependencies, then delete node_modules and package-lock.json (if you have one) and
run npm install again."

จากนั้นฉันลบโฟลเดอร์ node_modules รวมถึงโฟลเดอร์ package-lock.json ของฉัน

หลังจากฉันลบโฟลเดอร์เหล่านั้นฉันก็วิ่งnpm install --saveอีกครั้ง

ฉันวิ่งnpm startและได้รับข้อผิดพลาดอื่น Error: Cannot find module '@angular-devkit/core'ข้อผิดพลาดนี้กล่าวว่า

npm install @angular-devkit/core --saveฉันวิ่ง

ในที่สุดฉันก็วิ่งnpm startและโครงการก็เริ่มขึ้น!

ฉันได้รับปัญหาเดียวกันและเหตุผลก็คือ

1. เมื่อคุณเรียกใช้ng new app-nameมันจะสร้างไดเรกทอรีใหม่ด้วยชื่อแอพและติดตั้งทุกสิ่งในนั้น
2. หลังจากเรียกใช้คำสั่งข้างต้นแนวโน้มของมนุษย์คือการเรียกใช้ng serve และเนื่องจากแอปของคุณอยู่ในไดเรกทอรีย่อยจึงไม่พบแพ็คเกจ.jsonและโยนข้อผิดพลาดดังกล่าว

วิธีแก้ปัญหาค่อนข้างง่าย เพียงแค่ย้ายไปยังไดเรกทอรีย่อยแล้วเรียกใช้ng serve

คุณสร้างโครงการใหม่ด้วย:

ng new firstngapp

newในตัวอย่างของคุณจะหายไป สิ่งนี้จะสร้างโฟลเดอร์สร้างไฟล์และเรียกใช้npm installให้คุณ ดูเหมือนว่าคุณได้สร้างโฟลเดอร์แล้ว แต่ไม่มีแอป Angular CLI อยู่

และสำหรับการเริ่มใช้แอพให้ทำดังนี้

ng serve

npm start จะใช้เฉพาะในกรณีที่คุณออกจาก cli

หลังจากพยายามที่จะไม่มีประโยชน์:

• ติดตั้ง NPM
• ปรับปรุง npm
• ให้บริการ

npm install -g @ angular / cliทำงานให้ฉัน

ฉันมีปัญหาเดียวกันและพร้อมลบ node_modules และติดตั้งใหม่ฉันต้องลบ package-lock.json ก่อน

ฉันได้รับข้อผิดพลาดเดียวกันเมื่อฉันพยายามเรียกใช้ "บริการ ng" หลังจากนั้นฉันเห็น suggetions หนึ่งในเทคโนโลยีบอกให้ฉันปรับปรุง npm ของฉันฉันทำเช่นนั้นแล้วฉันได้รับหน้าจอนี้หลังจากป้อน "เซิร์ฟเวอร์ ng"

"" เวอร์ชันของ @ angular / compiler-cli และ typescript ไม่สามารถระบุได้ สาเหตุที่พบบ่อยที่สุดสำหรับสิ่งนี้คือการติดตั้ง NPM ที่ใช้งานไม่ได้ โปรดตรวจสอบให้แน่ใจว่า package.json ของคุณมีทั้ง @ angular / compiler-cli และ typescript ใน devDependencies จากนั้นลบ node_module และ package-lock.json (ถ้าคุณมี) และติดตั้ง Run npm อีกครั้ง ""

หลังจากดำเนินการทั้งหมดแล้วตอนนี้มันทำงานได้อย่างถูกต้อง ... และได้รับข้อความ "รวบรวมสำเร็จ"

คุณต้องเรียกใช้เซิร์ฟเวอร์ ng จากตำแหน่ง c: \ project \ angular-src ไม่ใช่เพียงรากของโครงการของคุณ

ดำเนินการใหม่ --skip-install PROJECT_NAME จากนั้นไปที่โฟลเดอร์ที่สร้างขึ้นด้วยตนเองและพิมพ์การติดตั้ง npm https://github.com/angular/angular-cli/issues/3906

ในกรณีของฉันทำงานต่อไปนี้:

rm -rf node_modules
rm package-lock.json
npm install

ดังนั้นnpm installไม่อัปเดต

ปัญหาที่ฉันมีคือฉันทำตามคำแนะนำของ cli เพื่อเปลี่ยนเป็นการจัดการบรรจุภัณฑ์เส้นด้าย

จากนั้นในขณะที่ทำตามบทช่วยสอนที่ฉันทำnpm install --save bootstrapและหลังจากนั้นจึงเกิดข้อผิดพลาดขึ้น หลังจากนั้นฉันก็ลงมือทำyarn add xxxแน่นอน

ในการกู้คืนสถานะของโครงการฉันลบnode_modulesและpackage-lock.jsonตามคำตอบนี้แล้วเรียกใช้yarn install

ไม่สามารถระบุเวอร์ชันของ @ angular / compiler-cli และ typescript สาเหตุที่พบบ่อยที่สุดสำหรับสิ่งนี้คือการติดตั้ง NPM ที่ใช้งานไม่ได้

โปรดตรวจสอบให้แน่ใจว่า package.json ของคุณมีทั้ง @ angular / compiler-cli และ typescript ใน devDependencies จากนั้นลบ node_modules และ package-lock.json (ถ้าคุณมี) และเรียกใช้การติดตั้ง npm อีกครั้ง

เรื่องนี้เกิดขึ้นกับฉันเมื่อฉันผสมผู้จัดการแพคเกจ โครงการของฉันถูกสร้างขึ้นด้วย Yarn และหลังจากนั้นฉันเพิ่มการพึ่งพาสองสามอย่างโดยใช้การติดตั้ง npm (สิ่งนี้สร้าง package-lock.json ที่มีการพึ่งพาเพิ่มเท่านั้น)

เห็นได้ชัดว่า ng ใช้บริการ package-lock.json และไม่พบการพึ่งพาเชิงมุมที่นั่น หลังจากที่ฉันเริ่มใช้เพียงเส้นด้ายเท่านั้นเช่นเพิ่มเส้นด้ายแทนการติดตั้ง npm ข้อผิดพลาดหายไป

** คุณควรอยู่ในโฟลเดอร์ YOUR_APP ที่สร้างขึ้นใหม่ก่อนที่คุณจะกดปุ่มคำสั่ง ng เสิร์ฟ **

เริ่มจากความสดใหม่

1) install npm

2) สร้างแอปเชิงมุมใหม่ ( ng new <YOUR_APP_NAME>)

3) ไปที่โฟลเดอร์แอพ ( cd YOUR_APP_NAME)

4) ng serve

ฉันหวังว่ามันจะช่วยแก้ปัญหา

เพื่อแก้ไขปัญหานี้

1. ขั้นตอนที่ 1: cd projectName
2. ขั้นตอนที่ 2: npm update
3. ขั้นที่ 3: ng serve -o

ตัวอย่างเช่น :

สำหรับบริการ ng คุณจะต้องอยู่ในไดเรกทอรีนั้น

ashish@ashish-Inspiron-3521:~/Angular$ ng new FireStore
  create FireStore/README.md (1025 bytes)
  create FireStore/.angular-cli.json (1245 bytes)
  create FireStore/.editorconfig (245 bytes)
  create FireStore/.gitignore (544 bytes)
  create FireStore/src/assets/.gitkeep (0 bytes)
  create FireStore/src/environments/environment.prod.ts (51 bytes)
  create FireStore/src/environments/environment.ts (387 bytes)
  create FireStore/src/favicon.ico (5430 bytes)
  create FireStore/src/index.html (296 bytes)
  create FireStore/src/main.ts (370 bytes)
  create FireStore/src/polyfills.ts (3114 bytes)
  create FireStore/src/styles.css (80 bytes)

ashish@ashish-Inspiron-3521:~/Angular$ ng serve
You seem to not be depending on "@angular/core". This is an error.

ฉันจะแก้ปัญหานี้โดยใช้คำสั่ง

ashish@ashish-Inspiron-3521:~/Angular$ cd FireStore/

ตอนนี้ทำคำสั่ง

ashish@ashish-Inspiron-3521:~/Angular/FireStore$ ng serve
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **