Проблема с подключением своей библиотеки Angular

@Mr_buddy · Регистрация: 10.12.2021

Студворк — интернет-сервис помощи студентам

Не получается использовать свою библиотеку в Angular 21. Вот шаги создания своей библиотеки:

Перешёл в папку своего репозитория git

Ввёл команды:

Code
1
ng new . --no-create-application и потом ng g library ui-lib

В библиотеке оставил сгенерированный компонент UiLib

Собрал эту библиотеку командой ng build

После чего создал свой проект новый на Angular присоединил свою библиотеку через package.json:

JSON
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
{
  "name": "module-a-repo",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "watch": "ng build --watch --configuration development",
    "test": "ng test"
  },
  "private": true,
  "packageManager": "npm@11.9.0",
  "dependencies": {
    "@angular/common": "^21.2.0",
    "@angular/compiler": "^21.2.0",
    "@angular/core": "^21.2.0",
    "@angular/forms": "^21.2.0",
    "@angular/platform-browser": "^21.2.0",
    "@angular/router": "^21.2.0",
    "rxjs": "~7.8.0",
    "tslib": "^2.3.0",
    "ui-lib": "file:../ui-kit-repo/dist/ui-lib"
  },
  "devDependencies": {
    "@angular/build": "^21.2.3",
    "@angular/cli": "^21.2.3",
    "@angular/compiler-cli": "^21.2.0",
    "jsdom": "^28.0.0",
    "prettier": "^3.8.1",
    "typescript": "~5.9.2",
    "vitest": "^4.0.8"
  }
}

ключевая строка: "ui-lib": "file:../ui-kit-repo/dist/ui-lib"

В корневом компоненте начал использовать те самые компоненты из библиотеки:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
import { Component, signal } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { UiLib } from 'ui-lib';
 
@Component({
  selector: 'app-root',
  imports: [RouterOutlet, UiLib],
  template: `<lib-ui-lib></lib-ui-lib>`,
  styleUrl: './app.css',
})
export class App {
  protected readonly title = signal('module-a-repo');
}

ошибок типов нету, при сборке ошибок нету, но в runtime ошибка в консоле браузера:

Code
1
2
3
ERROR Error: ASSERTION ERROR: Array must be defined. [Expected=> null != null <=Actual]
 at UiLib_Template (ui-lib.ts:8:19)
app.ts:8:19 это по сути строка в библиотеке export class UiLib

еще стек-трейс есть:

Code
1
2
3
4
5
6
7
8
9
10
11
ERROR Error: ASSERTION ERROR: Array must be defined. [Expected=> null != null <=Actual]
    at throwError2 (_effect-chunk2.mjs:232:9)
    at assertDefined (_effect-chunk2.mjs:228:5)
    at assertIndexInRange (_effect-chunk2.mjs:245:3)
    at assertTNodeCreationIndex (_effect-chunk2.mjs:1551:3)
    at ɵɵdomElementStart (_debug_node-chunk.mjs:14176:16)
    at UiLib_Template (ui-lib.ts:8:19)
    at executeTemplate (_debug_node-chunk.mjs:5081:5)
    at renderView (_debug_node-chunk.mjs:5480:7)
    at renderComponent (_debug_node-chunk.mjs:5459:5)
    at renderChildComponents (_debug_node-chunk.mjs:5509:5)

Новые блоги и статьи Все статьи Все блоги /
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/