Сначала я попытался интегрировать bootstrap-vue, но он поддерживает bootstrap 4 и, что еще хуже, vue2. Итак, я пытаюсь интегрировать bootstrap 5 без каких-либо изменений, выполнив следующие действия:
Это окончательный результат:
export default defineNuxtConfig({
plugins: [
{
src: "~/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js",
mode: "clients",
},
],
css: [
"~/node_modules/bootstrap/dist/css/bootstrap.min.css",
"@/assets/css/global.css",
],
});
Теперь css работает нормально, проблема осталась с js файлом. Не понимаю почему, но ничего анимированного не работает, начиная от выпадающих списков, заканчивая каруселями.





Я следовал некоторым более старым ответам StackOverflow и сумел (я думаю) создать рабочую демонстрацию с новейшими Nuxt 3 и Bootstrap 5 следующим образом:
https://stackblitz.com/edit/github-bebg1r-j6lqxm
Ключевые вещи:
package.json добавьте и установите зависимости для bootstrap, sass и sass-loader.scss файл в /assets папке, содержащий @import 'bootstrap/scss/bootstrap';nuxt.config.ts через css: ['~/assets/main.scss']/plugins/bootstrap.client.ts