Как создать новый компонент в Angular 4 с помощью CLI

В angular 2 я использую

ng g c componentname

Но он не поддерживается в angular 4, поэтому я создал его вручную, но он показывает ошибку, что он не является модулем.

Ответ 1

В Angular4 это будет работать так же. Если вы получили ошибку, я думаю, что ваша проблема в другом месте.

В командной строке введите

ng создать компонент YOURCOMPONENTNAME

Для этого есть даже сокращения: команды generate могут использоваться как g, а component как c:

ng g c YOURCOMPONENTNAME

Вы можете использовать ng --help, ng g --help или ng g c --help для документов.

Конечно, переименуйте YOURCOMPONENTNAME в имя, которое вы хотели бы использовать.

Документы: angular-cli автоматически добавит ссылку на компоненты, директивы и каналы в app.module.ts.

Обновление: это все еще работает в Angular версии 8.

Ответ 2

1) сначала зайдите в ваш каталог проектов

2) затем запустить ниже команды в терминале.

ng generate component componentname

ИЛИ ЖЕ

ng g component componentname

3) после этого вы увидите такой вывод,

create src/app/test/componentname.component.css (0 bytes)
create src/app/test/componentname.component.html (23 bytes)
create src/app/test/componentname.component.spec.ts (614 bytes)
create src/app/test/componentname.component.ts (261 bytes)
update src/app/app.module.ts (1087 bytes)

Ответ 3

ng g component componentname

Он генерирует компонент и добавляет объявления к модулю.

при создании компонента вручную вы должны добавить компонент в объявление модуля следующим образом:

@NgModule({
  imports: [
    yourCommaSeparatedModules
    ],
  declarations: [
    yourCommaSeparatedComponents
  ]
})
export class yourModule { }

Ответ 4

Если вы хотите создать новый компонент без файла .spec, вы можете использовать

ng g c component-name --spec false

Вы можете найти эти опции, используя ng gc --help

Ответ 5

Убедитесь, что вы находитесь в вашем проекте cmd line

    ng g component componentName

Ответ 6

ng генерировать компонент имя_компьютера не работал в моем случае, потому что вместо того, чтобы использовать "приложение" в качестве имени папки проекта, я переименовал его в другое. Я снова изменил его на приложение. Теперь он отлично работает

Ответ 7

ng g c COMPONENTNAME

эта команда используется для создания компонента с помощью терминала, который я использую в angular2.

g для сгенерации c для компонента

Ответ 8

ng g c componentname

Это создаст следующие 4 файла:

  1. componentname.css
  2. componentname.html
  3. componentname.spec.ts
  4. componentname.ts

Ответ 9

Для создания компонента в определенной папке

ng g c employee/create-employee --skipTests=false --flat=true

без создания какой-либо папки

ng g c create-employee --skipTests=false --flat=true

Эта строка создаст имя папки employee, под которым он создает компонент create-employee.

Ответ 10

В моем случае у меня есть еще один .angular-cli.json файл в моей папке src. Снятие решения проблемы. Надеюсь, что это поможет.

angular 4.1.1 angular-cli 1.0.1

Ответ 11

ng g component component name

прежде чем вводить эту оценку, вы попадете в путь к проекту

Ответ 12

ng g c --dry-run, чтобы вы могли видеть, что вы собираетесь делать до того, как вы это сделаете, это сэкономит некоторое разочарование. Просто показывает вам, что он собирается делать, даже не делая этого.

Ответ 13

Создание и обслуживание проекта Angular через сервер разработки -

Сначала перейдите в каталог проекта и тип ниже -

ng new my-app
cd my-app
ng g component User
ng serve

Здесь " D:\ Angular\my-app > " является моим Angular приложением Project Directory, а " Пользователь" - это имя компонента.

Коммонты выглядят как

D:\Angular\my-app>ng g component User
  create src/app/user/user.component.html (23 bytes)
  create src/app/user/user.component.spec.ts (614 bytes)
  create src/app/user/user.component.ts (261 bytes)
  create src/app/user/user.component.css (0 bytes)
  update src/app/app.module.ts (586 bytes)

Ответ 14

Вы должны находиться в папке src/app вашего проекта angular -cli в командной строке. Например:

D:\angular2-cli\first-app\src\app> ng generate component test

Только тогда он будет генерировать ваш компонент.

Ответ 15

Вы обновили версию angular -cli до последней версии? или вы попробовали обновить node или npm или typescript? эта проблема возникает из-за таких версий, как angular/typescript/node. Если вы обновляете cli, используйте эту ссылку здесь. https://github.com/angular/angular-cli/wiki/stories-1.0-update

Ответ 16

ng gc COMPONENTNAME должно работать, если вы получаете исключение модуля не найден, попробуйте эти things-

  1. Проверьте каталог вашего проекта.
  2. Если вы используете код Visual Studio, перезагрузите его или снова откройте в нем свой проект.

Ответ 17

перейдите в папку проекта angular и откройте команду promt типа "заголовок компонента ng g", где header - это новый компонент, который вы хотите создать. По умолчанию компонент заголовка будет создан внутри компонента приложения. Вы можете создавать компоненты внутри компонента. Например, если вы хотите создать компонент внутри заголовка, который мы сделали выше, тогда введите "ng g component header/menu". Это создаст компонент меню внутри компонента заголовка

Ответ 18

Перейти к местоположению проекта в указанной папке

C:\Angular6\sample>

Здесь вы можете ввести команду

C:\Angular6\sample>ng g c users

Здесь g означает генерацию, c означает компонент, пользователи - имя компонента

это сгенерирует 4 файла

users.component.html,
users.component.spec.ts,
users.component.ts,
users.component.css

Ответ 19

Шаг 1:

Получить в каталог проектов! (перейдите в созданное приложение).

Шаг 2:

Введите следующую команду и запустите!

ng generate component [componentname]

  • Добавьте имя компонента, который вы хотите сгенерировать, в разделе [componentname].

ИЛИ ЖЕ

ng generate c [componentname]

  • Добавьте имя компонента, который вы хотите сгенерировать в разделе [componentname].

Оба будут работать

Для ознакомления ознакомьтесь с этим разделом угловой документации!

https://angular.io/tutorial/toh-pt1

Для справки также просмотрите ссылку на Angular Cli на github!

https://github.com/angular/angular-cli/wiki/generate-component

Ответ 20

перейдите в каталог вашего проекта в CMD и выполните следующие команды. Вы также можете использовать кодовый терминал visual studio.

ng создать компонент "имя_компонента"

ИЛИ ЖЕ

нг gc "имя_компонента"

будет создана новая папка с именем компонента

имя_компонента/имя_компонента .component.html имя_компонента/имя_компонента/имя_компонента .ponent.spec.ts имя_компонента/имя_компонента/имя_компонента .ts имя_компонента/имя_компонента .component.css

новый компонент будет автоматически добавлен модуль.

Вы можете избежать создания файла спецификации, выполнив следующую команду

ng gc "имя_компонента" --nospec

Ответ 21

ng generate component componentName.

Он автоматически импортирует компонент в module.ts

Ответ 22

Существует в основном два способа генерировать новый компонент в Angular, используя ng gc <component_name>, другой способ - использовать ng generate component <component_name>. с помощью одной из этих команд можно создать новый компонент.