Вопрос №55389 от пользователя Константин Мащенко в уроке «Установка Bootstrap», курс «Bootstrap 5: Основы верстки»

Константин Мащенко

Как подключить js-часть через npm? Просто добавление <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script> в html не дает нужного результата, модули требующие js не работают.

7 0

Nikita Mikhaylov

Здравствуйте

Тут необходимо знать вашу файловую структуру проекта. Где именно находится файл html? А node_modules? Возможно, у вас неправильно указан путь

0

Константин Мащенко

Nikita Mikhaylov,

app
  css
  images
  js
  scss
  index.html
node_modules
gulpfile.js
package-lock.json
package.json
0

Nikita Mikhaylov

Насколько вижу, index.html у вас на том же уровне, что и node_modules. Тогда нужно использовать такой подход ./node_modules/

0

Константин Мащенко

Nikita Mikhaylov, извините, неверно указал, уже исправил. node_modules на уровень выше относительно index.html.

0

Nikita Mikhaylov

При этом css часть подключается корректно? Вы используете тот же способ подключения?

0

Константин Мащенко

Nikita Mikhaylov, подключение стилей работает корректно. Подключил в файле app/scss/main.scss через импорт. @import "../../node_modules/bootstrap/scss/bootstrap.scss";

0

Nikita Mikhaylov

Всё же такое подключение видимо создаёт больше проблем, чем решений :) Если наша точка входа это app, то он не может выйти за его пределы на уровень выше.

Раз вы используете Gulp, то лучший вариант — создать там задачу, которая будет переносить файл из скрипта из node_modules в нужную директорию (у вас в js)

0

Используйте Хекслет по максимуму!

  • Задавайте вопросы по уроку
  • Проверяйте знания в квизах
  • Проходите практику прямо в браузере
  • Отслеживайте свой прогресс

Зарегистрируйтесь или войдите в свой аккаунт

Даю согласие на обработку персональных данных, соглашаюсь с «Политикой конфиденциальности» и «Условиями оказания услуг»

Рекомендуемые программы

С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.

Иконка программы Фронтенд-разработчик
Профессия
Разработка фронтенд-компонентов веб-приложений
18 мая 10 месяцев
Иконка программы Python-разработчик
Профессия
Разработка веб-приложений на Django
18 мая 10 месяцев
Иконка программы PHP-разработчик
Профессия
Разработка веб-приложений на Laravel
18 мая 10 месяцев
Иконка программы Node.js-разработчик
Профессия
Разработка бэкенд-компонентов веб-приложений
18 мая 10 месяцев
Иконка программы Fullstack-разработчик
Профессия
Новый
Разработка фронтенд и бэкенд компонентов веб-приложений
18 мая 16 месяцев
Иконка программы Верстальщик
Профессия
Вёрстка с использованием последних стандартов CSS
в любое время 5 месяцев
Иконка программы Java-разработчик
Профессия
Разработка приложений на языке Java
18 мая 10 месяцев
Иконка программы Разработчик на Ruby on Rails
Профессия
Создает веб-приложения со скоростью света
18 мая 5 месяцев