Вопрос №55389 от пользователя Константин Мащенко в уроке «Установка Bootstrap», курс «Bootstrap 5: Основы верстки»
Как подключить js-часть через npm? Просто добавление <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
в html не дает нужного результата, модули требующие js не работают.
Здравствуйте
Тут необходимо знать вашу файловую структуру проекта. Где именно находится файл html? А node_modules? Возможно, у вас неправильно указан путь
Nikita Mikhaylov,
app
css
images
js
scss
index.html
node_modules
gulpfile.js
package-lock.json
package.json
Насколько вижу, index.html у вас на том же уровне, что и node_modules. Тогда нужно использовать такой подход ./node_modules/
Nikita Mikhaylov, извините, неверно указал, уже исправил. node_modules на уровень выше относительно index.html.
При этом css часть подключается корректно? Вы используете тот же способ подключения?
Nikita Mikhaylov, подключение стилей работает корректно. Подключил в файле app/scss/main.scss через импорт.
@import "../../node_modules/bootstrap/scss/bootstrap.scss";
Всё же такое подключение видимо создаёт больше проблем, чем решений :) Если наша точка входа это app, то он не может выйти за его пределы на уровень выше.
Раз вы используете Gulp, то лучший вариант — создать там задачу, которая будет переносить файл из скрипта из node_modules в нужную директорию (у вас в js)
Используйте Хекслет по максимуму!
- Задавайте вопросы по уроку
- Проверяйте знания в квизах
- Проходите практику прямо в браузере
- Отслеживайте свой прогресс
Зарегистрируйтесь или войдите в свой аккаунт
С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.
