- Настройка в первый раз, но не работает
- 4 ответа
- Не получается поставить bootstrap
- Webpack не может загрузить bootstrap v4.0.0-beta
- 5 ответов
- Не получается поставить bootstrap
- Установка Bootstrap через NPM
- 1 ответ 1
- Всё ещё ищете ответ? Посмотрите другие вопросы с метками bootstrap npm или задайте свой вопрос.
- Связанные
- Похожие
- Подписаться на ленту
Настройка в первый раз, но не работает
Я следовал вашим инструкциям по установке, включая правильную настройку файлов моего углового модуля.
Я вырезал и вставил код из вашей демонстрации в мой app.component.html файл, как показано ниже
Однако, я получаю это, когда я запускаю сайт в localhost:
Делать что-то не так с настройкой.
Я создал новое приложение Angular с Angular-Cli. угловая версия 4.0.0
Спасибо за вашу помощь
4 ответа
Ng-bootstrap предоставляет директивы, которые вы можете использовать, но он не включает Bootstrap CSS для стилизации. В инструкциях по началу работы упоминается, что существует обязательная зависимость от Bootstrap CSS, и это не является явным, но подразумевается, что вы должны включить Bootstrap CSS в свое приложение. Это просто для пояснения того, что существует различие между использованием директив и использованием CSS для стилизации. Вам не нужно использовать ng-bootstrap, если вы просто будете использовать Bootstrap для стилизации, форматирования, макета и т. Д.
J просто используйте URL (официальный сайт начальной загрузки): и это сработало!
Я тоже споткнулся об этом.
Понятно, что ng-bootstrap является заменой для js, который bootstrap вводит, когда вы вводите загрузочный css, но не ясно как ввести загрузочный css без нежелательных js, или что введение ng-bootstrap без связанного css не даст желаемого эффекта.
Вот что я сделал .
В терминале:
npm install bootstrap@4.0.0-alpha6 —save
вводит загрузчик 4 css (вероятно, обновленный к тому времени, когда вы это прочитали) вместе с соответствующим загрузчиком js и зависимостью от jquery, которую вы просто должны проигнорировать.
npm install @ng-bootstrap/ng-bootstrap —save
вводит угловые компоненты, которые используют стили bs4.
В angular-cli.json (вы используете angular-cli, не так ли?) :
«styles»: [ » Styles.css » ] ,
становится
«styles»: [ » ./../Node_modules/bootstrap/dist/css/bootstrap.min.css » , » Styles.css » ] ,
чтобы веб-пакет включал стили начальной загрузки вместе с вашими пользовательскими стилями.
Затем добавьте импорт, как описано в документе о начале работы.
Хорошо, я нашел хак, чтобы заставить его работать, я добавил следующую строку в основные CSS-файлы моего углового приложения
Это устраняет проблемы, поэтому кажется, что пакет ng-bootstrap каким-то образом не может каким-то образом подключить css.
Источник
Не получается поставить bootstrap
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Здравствуйте форумчане! Не могу сообразить, как проставить блоки в шапке (интересует как разделить.
Поставить элементы в одну линию, Bootstrap
На главной странице, есть картинка и расписание (обведено border), они должны стоять в одну линию.
Здравствуйте, в общем такой момент, нужно сверстать сайт на bootstrap, у сайта 4 колонки 1.
Не получается поставить картинку
Привет. Хочу на сайте поставить кнопку ватсапа, как ее поставить так что бы она работала.
для реакта нужен свой бутстрап,
там же две команды
npm install bootstrap —save
npm install —save reactstrap react react-dom
shsv382, первая не срабатывает(ошибка в 1-ом месте).
shsv382, да, надо бы посмотреть, хотя неужели бутсрап уже настолько неактуален?
В общем, поставил react bootsrtap, ток. он ставит компоненты, а ксс всё равно отдельно грузить.
Не получается поставить Solaris_10
Привет всем. С Соларис работаю в первые, обязал препод по универу. В чем собственно вопрос — Не.
Не получается поставить GRANTS
Ставлю привилегии GRANT SELECT (job, address), INSERT (secret, login) ON `database`.`Person` TO.
Условие: при изменение данных таблицы Триггер должен разрешать добавление, если число компаний на.
Не получается поставить звуковую карту
У меня такая беда, в диспетчере устройств не появляется, не могу установить драйвер, пишет.
Друзья здравствуйте, получается я делаю игру шашки на юнити, и у меня не получается поставить шашки.
Привет! У меня не получается поставить letsencrypt на крон авто обновление сертификата по.
Источник
Webpack не может загрузить bootstrap v4.0.0-beta
Я недавно сделал конфигурацию с webpack и bootstrap v4.0.0-alpha.6, которая работала нормально до сегодняшнего дня, когда я пытался перейти на бета-версию v4, и теперь я не могу заставить ее работать должным образом 🙁 У меня есть этот конфиг:
В моем app.js у меня есть require(‘bootstrap’); Теперь, когда я пытаюсь сделать сборку сейчас, я получаю сообщение об ошибке:
Кажется, проблема здесь в bootstrap/.babelrc
Я попытался зайти в каталог начальной загрузки и запустил: npm install (я не знаю, почему я должен это делать, поскольку у меня уже есть свой собственный конфигурационный файл для bable / autoprefixer) У меня уже есть babel-core, babel-loader, babel-preset-es2015, установленный в моем собственном пакете. Json Я установил transform-es2015-modules-strip и снова запустил сборку:
Поэтому я попытался установить jquery и popper в свой проект как dev devdency . избавился от ошибки jquery, но .
Из идей . и это кажется слишком сложным . Я не могу понять, что я делаю неправильно, единственное, что я могу придумать, — это заставить bootstrap.js файл поместить его непосредственно с мои другие файлы js . длинный пост, но я хотел быть как можно более конкретным.
Что я должен сделать, чтобы это снова заработало, я был бы очень признателен за помощь. Спасибо
5 ответов
После нескольких тестов это мой вывод для запуска bootstrap v4.0.0-beta с Webpack , так что вам нужно будет вручную установить jquery и popper.js, он больше не будет устанавливаться загрузчиком как зависимости. Он не будет работать без jquery, а выпадающие / всплывающие окна не будут работать без popper.js, поэтому:
Я закончил редактировать пост, потому что было указано, что popper и popper.js — это две разные библиотеки (которых я не знал). Я пытался установить popper.js с npm install popper , и поэтому у меня возникла проблема. . поэтому установка его с npm install popper.js установит его последнюю версию (и нужную библиотеку). Затем вам нужно изменить файл webpack.config.js, как указано в https: // getbootstrap.com/docs/4.0/getting-started/webpack/
Тогда остальная часть конфига должна быть такой же, как и для v4 alpha. Во всяком случае, это то, что я узнал после того, как некоторое время боролся с этим. Надеюсь, это кому-нибудь поможет.
Я думаю, это из-за поппера? Popper v1.10 недоступен через npm, поэтому вы, вероятно, установили Popper v1.0.0.
Я получил эту ошибку при обновлении до bootstarp последней версии 4.0.0 .
Я просто добавил popper.js зависимость, и это решило проблему. ( jquery уже был добавлен в мои зависимости)
Я нашел ту же ошибку и после некоторого поиска найти дизайн найти решение:
Прежде всего вам нужно установить:
И их устанавливают:
Также я приложил к изображению до и после. Надеюсь, это помощь.
Установить загрузчик без сигнала: ^ (npm install bootstrap@^4.0.0-alpha.6)
Как это: npm установить bootstrap@4.0.0-alpha.6
Источник
Не получается поставить bootstrap
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Здравствуйте форумчане! Не могу сообразить, как проставить блоки в шапке (интересует как разделить.
Поставить элементы в одну линию, Bootstrap
На главной странице, есть картинка и расписание (обведено border), они должны стоять в одну линию.
Здравствуйте, в общем такой момент, нужно сверстать сайт на bootstrap, у сайта 4 колонки 1.
Не получается поставить картинку
Привет. Хочу на сайте поставить кнопку ватсапа, как ее поставить так что бы она работала.
для реакта нужен свой бутстрап,
там же две команды
npm install bootstrap —save
npm install —save reactstrap react react-dom
shsv382, первая не срабатывает(ошибка в 1-ом месте).
shsv382, да, надо бы посмотреть, хотя неужели бутсрап уже настолько неактуален?
В общем, поставил react bootsrtap, ток. он ставит компоненты, а ксс всё равно отдельно грузить.
Не получается поставить Solaris_10
Привет всем. С Соларис работаю в первые, обязал препод по универу. В чем собственно вопрос — Не.
Не получается поставить GRANTS
Ставлю привилегии GRANT SELECT (job, address), INSERT (secret, login) ON `database`.`Person` TO.
Условие: при изменение данных таблицы Триггер должен разрешать добавление, если число компаний на.
Не получается поставить звуковую карту
У меня такая беда, в диспетчере устройств не появляется, не могу установить драйвер, пишет.
Друзья здравствуйте, получается я делаю игру шашки на юнити, и у меня не получается поставить шашки.
Привет! У меня не получается поставить letsencrypt на крон авто обновление сертификата по.
Источник
Установка Bootstrap через NPM
Пытаюсь установить Bootstrap через NPM и вроде как получается, но я испытываю полное непонимание того, что я делаю. Например, нужно ли прописывать —save для установки Bootstrap и для чего автоматически создается package-lock.json ? Если не сложно, расскажите пожалуйста свой процесс установки.
1 ответ 1
- Либо —save либо -S прописывать надо для того, что бы при компиляций у тебя в билде проекта подтянулась эта зависимость. Если тебе какая та зависимость нужна только на время разработки, а в релизе она не нужна, то пишешь либо —save-dev , либо -D .
- package-lock.json вообще забудь о нем, он создается для компа, в нем просто намного больше инфы, которую можно использовать, а сам работай c package.json
Всё ещё ищете ответ? Посмотрите другие вопросы с метками bootstrap npm или задайте свой вопрос.
Связанные
Похожие
Подписаться на ленту
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
дизайн сайта / логотип © 2021 Stack Exchange Inc; материалы пользователей предоставляются на условиях лицензии cc by-sa. rev 2021.10.15.40479
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Источник