Не могу использовать * ngFor в библиотеке

Question

Я создал библиотеку Angular, используя:

1. ng new my-workspace --create-application = false
2. cd my-workspace
3. ng создать библиотеку my-lib

Библиотека работает. Однако, когда я изменяю шаблон для использования * ngFor следующим образом:

template:

<div *ngFor="let item of items">
  my-lib works!
</div>

Я получаю сообщение об ошибке:

Никакая директива не соответствует атрибуту ngFor

Мне не удалось найти различные предложения, найденные до сих пор. Если вы знаете, как настроить новую чистую библиотеку на использование директив, таких как * ngFor, я был бы очень признателен за ваш совет. Я создал библиотеку с Angular 8 и 9 с одинаковым результатом.

С уважением

Шон

Answer 1

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

import {CommonModule} from '@angular/common';

imports: [
  CommonModule
]

Answer 2

Спасибо всем за ваши предложения. Теперь у меня есть код, который компилируется и работает нормально. Однако я все еще получаю ошибки в IDE (Webstorm). Решение состояло в том, чтобы импортировать CommonModule и затем игнорировать ошибки ... Я буду следить за возможной проблемой WebBorm в JetBrains.

Решением JetBrains для устранения ошибок было изменение «peerDependencies» на «devDependencies» в файл библиотеки. json file, затем запустите npm install. Это работало нормально.