#angular #bootstrap-4
#angular #bootstrap-4
Вопрос:
У меня есть проект angular 6 с начальной загрузкой 4 и ng-bootstrap для модального диалога. Теперь, поскольку это необходимо интегрировать в другой проект, который находится в angular 3.3.7 итак, меня попросили понизить версию начальной загрузки. Ниже приведены шаги, которые я сделал:
npm install bootstrap@3.3.7 --save
но после этого мой модальный диалог ng-bootstrap перестал работать, поэтому, когда я пытаюсь переустановить, используя приведенную ниже команду:
npm install --save @ng-bootstrap/ng-bootstrap
затем из папки ng_modules / bootstrap исчезает, и проект ничего не показывает.
Чего мне не хватает?
Комментарии:
1. Между Bootstrap 3 и 4 было много критических изменений. Я бы не ожидал, что библиотека, которая выводит разметку Bootstrap 4, будет совместима с начальной загрузкой 3
Ответ №1:
То же самое работает для меня. Вы можете попробовать изменить версию начальной загрузки непосредственно в package.json и удалить модули узла, затем выполнить npm i и снова запустить ваше приложение.
Вам нужно будет снова написать код для некоторой части в Bootstrap 3, поскольку нет прямого метода для перехода с Bootstrap 4 на Bootstrap 3. Вероятно, слишком много предположений, потому что Bootstrap 4 обрабатывает вещи больше с помощью SASS, в то время как Bootstrap 3 имеет дело с LESS…so переходя с начальной загрузки 4 на начальную загрузку 3, вы, скорее всего, потеряете некоторый стиль, который вы, возможно, не сможете определить, чего не хватает. В Bootstrap 3 использовался Normalize.css для того, чтобы придать всем элементам HTML их согласованный внешний вид. В Bootstrap 4 принята улучшенная версия Normalize.css. Между обоими есть огромные различия. Таким образом, вам придется очень тщательно проверять каждый класс при выполнении этого понижения. И это может быть причиной того, что ваш модал перестал работать.