Я хочу создать приложение angular 2 с angular cli

Я в cmd написал:

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

затем:

первое приложение

но он показывает мне ошибку, когда я пишу npm start! the error image

Files image

Не понимаю в чем проблема

Ответы (27)

Удалите модули узлов, проверьте, что ваш файл package.json должен иметь @ angular / core и переустановите его с помощью npm i.

Попробуйте запустить

npm install

в папке проекта

с терминала

 > cd myProjectPath
 myProjectPath > npm install

У меня такая же проблема, и причина в

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

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

Проблема, с которой я столкнулся, заключалась в том, что я последовал совету cli переключиться на управление пакетами пряжи.

Затем, следуя руководству, я сделал npm install --save bootstrap, и после этого начала появляться ошибка. После этого я сделал пряжу добавить xxx, конечно, и это сработало.

Чтобы восстановить состояние проекта, я удалил node_modules и package-lock.json согласно этот ответ, а затем запустил yarn install

Не удалось определить версии @ angular / compiler-cli и typescript. Наиболее частая причина этого - неработающая установка npm.

Убедитесь, что ваш package.json содержит как @ angular / compiler-cli, так и машинописный текст в devDependencies, затем удалите node_modules и package-lock.json (если он у вас есть) и бегать npm установить снова.

Запустите npm update после установки всех одноранговых зависимостей, и оно будет работать.

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

В моем случае сработало:

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

Следовательно, npm install, а не update.

  1. Удалить node_modules папку и package-lock.json файл.
  2. Затем выполните следующую команду, она обновит пакеты npm.

    обновление npm

  3. Позже запустить проект, выполнив следующую команду.

    порция

Вышеупомянутые шаги сработали для меня.

Не знаю, осталась ли проблема. У меня была такая же неприятность с @ angular / cli v1.1.2 на npm 4.1.2. Я удалил каталог node_modules, а затем перешел к обновлению npm (так как это было частой причиной в прошлом).

Я хотел обновить npm до 5.0.3 (последний), но поскольку я использовал nvm, похоже, библиотеки испортились. Таким образом, я переустановил узел.

Затем я выбрал

  • очистка кеша npm
  • восстановление npm
  • npm install - Это несколько раз, так как каждый раз выдает ошибку с другим пакетом

В конце концов, все посылки были в порядке.

Надеюсь, это поможет.

исправление для меня было

npm link
ng build 

enter image description here

После безуспешных попыток:

  • установка npm
  • обновление npm
  • порция

npm install -g @ angular / cli работал у меня

Для меня сработали следующие шаги:

1) Удалите папку node_modules / и файл package-lock.json.

2) установка npm

3) порций

Если кто-то сталкивался с этим в 2018 году, то, что наконец сработало для меня, было войти в my-app, которое я создал с помощью ng new my-app, и ЗАТЕМ запустить ng serve Это связано с тем, что ему нужны зависимости и devDependencies, расположенные в my-app / package.json вместо root / package.json. Это два отдельных файла.

Даже если бы я скопировал все зависимости в свою корневую папку package.json, мне также пришлось бы зайти и вручную изменить расположение путей для файлов конфигурации и т.д., чтобы перейти в мое приложение / *. Намного проще просто зайти в my-app / и запустить там ng serve, чтобы все работало так, как должно.

Значит, эти шаги должны работать для всех:

rm -rf // Каким бы ни было ваше предыдущее приложение, если оно у вас было.

sudo rm -rf node_modules

rm -f package-lock.json

установка npm

новое мое приложение

cd my-app

порция нг

Для решения этой проблемы.

  1. Шаг 1: cd projectName
  2. Шаг 2: Обновление npm
  3. Step3: ng serve -o

Например: enter image description here

Для ng serve вам нужно находиться внутри этого каталога

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/ **

Выполните команду ng new --skip-install PROJECT_NAME, а затем вручную войдите в созданную папку и введите команду npm install. https://github.com/angular/angular-cli/issues/3906

Столкнулся с той же проблемой. При запуске ngserve вы должны находиться в каталоге приложений. Для подтверждения (в GIT BASH: у вас будет (master) после пути к каталогу в приглашении gitbash, если вы находитесь в каталоге приложения.)

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

Это случилось со мной, когда я микшировал менеджеры пакетов. Мой проект был создан с помощью Yarn, и после этого я добавил пару зависимостей с помощью npm install (это создало package-lock.json только с добавленными зависимостями).

Судя по всему, ng serve использовал package-lock.json и не смог найти там Angular-зависимости. После того, как я начал использовать только Yarn, т.е. yarn add вместо npm install, ошибка исчезла.

Во время работы ng serve вы должны находиться в каталоге приложения / проекта.

Если вы запустите команду в другом каталоге, вы получите ошибку:

Похоже, вы не зависите от "@ angular / core". Это ошибка.

Я получал ту же ошибку, когда пытался запустить "ng serve". После этого я увидел некоторые предложения, которые один из техников сказал мне обновить мой npm. Я сделал это тоже, затем я получил этот экран после ввода "ng server" «

"" Версии @ angular / compiler-cli и машинописного текста не могут быть определены. Наиболее частой причиной этого является некорректная установка npm. Убедитесь, что ваш package.json содержит как @ angular / compiler-cli, так и typescript в devDependencies, затем удалите node_module и package-lock.json (если он у вас есть) и Снова запустите npm install. ""

После выполнения всех действий теперь он работает правильно ... и появляется сообщение «Скомпилировано успешно».

Вы создаете новый проект с помощью:

ng new firstngapp

В вашем примере вам не хватает new. Это создаст папку, сгенерирует файлы и запустит для вас npm install. Кажется, вы создали папку, но в ней нет приложения Angular CLI.

А для запуска приложения используйте:

ng serve

npm start используется только в том случае, если вы выполнили извлечение из cli.

Может вам помочь.

  • Удалить все папки, которые вы создали ранее
  • Создать новую папку
  • Затем попробуйте перейти в эту папку с помощью команды «cd foldername»
  • затем попробуйте установить «npm install»

Это решит вашу проблему.

** Вы должны быть во вновь созданной папке YOUR_APP до того, как нажмете команду ng serve **

Начнем с нуля,

1) установить npm

2) создать новое приложение angular (ng new )

3) перейдите в папку приложения (cd YOUR_APP_NAME)

4) порций

Надеюсь, это решит проблему.

Вот как я решил эту проблему.

Сначала я запустил 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 и получил еще одну ошибку. В этой ошибке говорится: Ошибка: не удается найти модуль'@angular-devkit/core'.

Я запустил npm install @ angular-devkit / core --save.

Наконец, я запустил npm start и проект запустился!

2022 WebDevInsider