Здається, ви не залежите від "@ angular / core". Це помилка


140

Я хочу створити кутовий додаток 2 з кутовим затискачем

Я написав у cmd:

npm встановити angular-cli -g

тоді:

ng firstngapp

але це показує мені помилку, коли я пишу npm start! зображення помилки

Файл зображення

Я не розумію проблеми


22
У мене була схожа проблема, але я був у батьківській папці.
Jaider

Спробуйте запустити помилки npm firstngapp і побачити. Це допоможе вам вирішити свою проблему
Swanand

1
Після установки npm ви можете спробувати закрити проект, а потім відкрити його знову. Це працювало для мене.
Платити

Ти іржавий, як я? Після клонування проекту ... перейдіть на папку проекту іnpm install
Адам Кокс

домовились, вам потрібно запустити "npm install angular-cli -g", потім "npm install" і нарешті "ng XXX"
Andreas Panagiotidis

Відповіді:



79

Під час роботи ng serve ви повинні знаходитись у каталозі програми / проекту .

Якщо ви запускаєте команду в іншому каталозі, ви отримуєте помилку:

Здається, ви не залежите від "@ angular / core". Це помилка.


2
Я залежав від "@ angular / core", але я не був у каталозі проектів, тому я отримував цю помилку
niranjan pb

15

Видаліть модулі вузлів, Перевірте, чи має ваш package.jsonфайл, @angular/coreі перевстановіть його npm i.


13
  1. Видаліть папку node_modules та файл package-lock.json .
  2. Потім запустіть наступну команду, вона оновить npm-пакети.

    npm update

  3. Пізніше запустіть виконання проекту наступною командою.

    ng serve

Вище кроки працювали для мене.


7

Може вам допомогти.

  • Видалити всі створені раніше папки
  • Створіть свіжу папку
  • Потім спробуйте перейти до цієї папки з команди "cd папка"
  • потім спробуйте встановити "npm install"

Це вирішить вашу проблему.


6

від терміналу

 > cd myProjectPath
 myProjectPath > npm install

8
Наразі це дуже схоже на верхню відповідь - це потрібна відповідь?
TerryA

1
Краще, ніж та сама пропозиція, наведена вище.
FeeFiFoFum

5

Я не знаю, чи це все ще проблема. Я відчував ту саму неприємність, як і @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 - Цей кілька разів, оскільки кожного разу він кидав помилку з різним пакетом

Врешті-решт, кожен пакет був чудовий.

Сподіваюся, це допомагає.


5

Нижче описані кроки для мене:

1) Видаліть node_modules/папку та package-lock.jsonфайл.

2) npm install

3) ng serve



3

Якщо хтось стикається з цим у 2018 році, то, нарешті, працювало для мене, це перейти до свого додатка, який я створив ng new my-app, і ТОГО запустити. ng serveЦе пов’язано з цим, потребуючи залежностей і devDependitions, розташованих 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


Чи можете ви пояснити, що означає rm -rf <previous-app> Я не пам’ятаю, якщо і чому я це зробив previous-appПісля виконання ваших команд я отримую You cannot use the new command inside an Angular CLI project.помилку під час виконанняng new my-app
Революція для Моніки

@ Marine1 Ви не можете створити нову програму Angular всередині програми Angular. і запускатись лише в тому rm -rf <previous app>випадку, якщо у вас був попередній додаток, який створює цю проблему. тут замініть ім’я програми. rm -rf видаляє рекурсивно силою вміст всього каталогу в
Dan


2

Зіткнувся з тим же Випуском. Під час роботи ngserve ви повинні знаходитись у каталозі програм. Для підтвердження (на GIT BASH: у вас буде (master) після шляху до каталогу в підказці gitbash, якщо ви знаходитесь в каталозі додатків.)


2

Ось як я вирішив цю проблему.

Я перший побіг 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і проект розпочався!


2

Я отримав те саме питання, і причина в цьому

  1. коли ви запустите, ng new app-nameвін створить новий каталог із назвою програми та встановить усе в цьому.
  2. після запуску вищевказаної команди схильність людини запускається, ng serve і оскільки ваша програма знаходиться в підкаталозі, вона не знайде package.json і викидає згадану помилку.

Рішення досить просте. просто перейдіть до підкаталогу, а потім запустітьng serve


тобто, каталог cd ng5
Ajay Takur

Ім'я каталогу @AjayTakur буде таким самим, як ім'я програми.
abhirathore2006

1

Ви створюєте новий проект за допомогою:

ng new firstngapp

У вашому прикладі ви відсутні new. Це створить папку, генерує файли та працює npm installдля вас. Здається, ви створили папку, але в ній немає програми Angular CLI.

А для запуску програми використовуйте:

ng serve

npm start використовується лише у тому випадку, якщо ви викинули з кліпу.


1

Після спроби безрезультатно:

  • npm встановити
  • npm оновлення
  • ng служити

Для мене працював npm install -g @ angular / cli


0

У мене була така ж проблема, і разом із видаленням node_modules та перевстановленням мені потрібно було спочатку видалити package-lock.json.


0

Я отримував таку ж помилку, коли я намагався запустити "ng serve" після цього, я побачив деякі пропозиції, які один із техніків сказав мені оновити npm.I зробив це так само, тоді я отримав цей екран після введення "ng server"

"" Версії @ angular / compiler-cli та typecript не вдалося визначити. Найпоширенішою причиною цього є зламана npm установка. Переконайтесь, що ваш package.json містить і @ angular / compiler-cli, і typecript у devDependensions, а потім видаліть node_module та package-lock.json (якщо у вас є) та запустіть npm встановити знову. ""

Після виконання всіх дій зараз його робота працює правильно ... і отримує повідомлення "Складено успішно".


0

Потрібно запустити сервер ng з розташування c: \ project \ angular-src. Не лише корінь вашого проекту.


У OP може бути папка c: \ project \ angular-src. І ні, ти відповідати не має сенсу. ng serveнеобхідно запустити з кореня папки, оскільки саме там знаходиться package.jsonфайл, що визначає цей скрипт.
Мирослав Йонас


0

У моєму випадку працювало наступне:

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

Отже npm install, не оновлення .


0

Проблема, яка була у мене, полягала в тому, що я дотримувався поради клієнта перейти до управління пакетами пряжі.

Потім під час підручника я зробив npm install --save bootstrap, і після цього моменту помилка почала з’являтися. Згодом я, yarn add xxxзвичайно, і це спрацювало.

Для відновлення стану проекту я витягав node_modulesі package-lock.jsonвідповідно з цим відповіддю , а потім запуститиyarn install


0

Не вдалося визначити версії @ angular / compiler-cli та typecript. Найпоширенішою причиною цього є зламана npm установка.

Переконайтесь, що ваш package.json містить і @ angular / compiler-cli, і typecript у devDependensions, а потім видаліть node_modules та package-lock.json (якщо у вас є) та запустіть npm install знову.


0

Це сталося зі мною, коли я змішував менеджерів пакетів. Мій проект генерувався за допомогою Пряжі, і після цього я додав пару залежностей за допомогою npm install (це створило пакет-lock.json з лише доданими залежностями).

Мабуть, ng обслуговував використовуваний package-lock.json і не міг знайти там кутові залежності. Після того, як я почав використовувати лише пряжу, тобто додавати пряжу замість npm install, помилка зникла.


0

** Ви повинні бути в новоствореній папці YOUR_APP, перш ніж натиснути команду ng serve **

Почнемо із свіжого,

1) install npm

2) створити новий кутовий додаток ( ng new <YOUR_APP_NAME>)

3) перейдіть до папки додатків ( cd YOUR_APP_NAME)

4) ng serve

Сподіваюся, це вирішить це питання.


0

Щоб вирішити цю проблему.

  1. Крок 1: cd projectName
  2. Крок 2: npm update
  3. Крок 3: ng serve -o

Наприклад : введіть тут опис зображення


0

Для того, щоб служити, вам потрібно бути всередині цього каталогу

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.

Як я вирішив це за допомогою cmd

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

Тепер зробіть cmd

ashish@ashish-Inspiron-3521:~/Angular/FireStore$ ng serve
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.