Angular 9 выдает ошибки при использовании ngx-bootstrap

Я только что обновил свой проект до Angular 9 07 февраля 2020 года и с тех пор всякий раз, когда я добавляю библиотеку (это правильное слово?) (например, ngx-bootstrap или ngx-gallery, которые я использую в другом проекте, и они в порядке ) Я получаю эту ошибку в своей консоли при ng serve: введите здесь описание изображения

Я ухожу, когда удаляю указанные библиотеки, но это, очевидно, бесполезно, потому что я в тупике относительно того, что я могу сделать со своим проектом сейчас.

Вот мой импорт: введите здесь описание изображения введите здесь описание изображения

Есть ли способ понизить версию Angular до версии 8? Я пробовал npm install -g @angular/[email protected] (моя предыдущая версия), но кажется, что этого недостаточно, чтобы фактически вернуть проект, поскольку не все элементы возвращаются к версии 8.

Я пытался и гуглил в течение 3 дней, и я не понимаю, как интегрировать эти библиотеки без появления ошибок.

О, также, я получаю ошибки, когда эти библиотеки установлены относительно Renderer vs Renderer2. Даже изменение их, чтобы они анализировали, не помогает. Я все еще получаю сообщение об ошибке «не могу прочитать свойство« id »».

ИЗМЕНИТЬ: main.ts: введите здесь описание изображения


frontend angular angular8 angular9 visual-web-developer
person h34th3r5    schedule 10.02.2020    source источник
comment
можешь выложить свой код в stackblitz, могу посмотреть, должно быть что-то другое или чего-то не хватает   -  person Aniruddha Das    schedule 10.02.2020
comment
Вы не должны импортировать BsModalService и BsModalRef в свой NgModule.   -  person ShamPooSham    schedule 10.02.2020
comment
Можешь поделиться своим main.ts?   -  person ShamPooSham    schedule 10.02.2020
comment
отредактировано, чтобы показать main.ts   -  person h34th3r5    schedule 11.02.2020
comment
Спасибо. Я искал проблему в Интернете, и, похоже, обычно это проблема с импортом как BrowserModule, так и BrowserAnimationsModule. Вы уверены, что это как-то связано с другими вашими библиотеками?   -  person ShamPooSham    schedule 11.02.2020
comment
Кроме того, в будущем просто скопируйте и вставьте свой код (и используйте кнопку форматирования кода в редакторе stackoverflow) вместо совместного использования дампов экрана.   -  person ShamPooSham    schedule 11.02.2020
comment
Вам нужно установить как ngx-bootstrap, так и ng-bootstrap?   -  person ShamPooSham    schedule 11.02.2020

Ответы (3)


arrow_upward
1
arrow_downward

для понижения вы можете попробовать

ng --version
npm uninstall -g @angular/cli
npm cache clean --force

npm install -g @angular/cli@8._._
ng --version

ПРИМЕЧАНИЕ: поместите версию angular 8 туда, где cli@8..

person eboakyegyau    schedule 10.02.2020

arrow_upward
1
arrow_downward

Убедитесь, что angular 8 (независимо от того, какую версию вы использовали ранее) указан в ваших зависимостях в package.json.

Вместо запуска сервера с запуском ng serve (изнутри каталога проекта angular) с использованием node_modules/.bin/ng serve

Используя этот метод, вы можете установить текущую версию глобально, но при этом запускать определенные проекты, используя устаревшие версии (без головной боли при удалении/переустановке).

person Nate T    schedule 10.02.2020

arrow_upward
0
arrow_downward

В вашем package.json вы можете понизить версию angular cli, изменив @angular/cli: 9.x.x на @angular/cli: 8.x.x

person Aniruddha Das    schedule 10.02.2020