Как подключить bootstrap laravel

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Работаю на хостинге. Команда npm run dev для компиляции ресурсов - выдает ошибку

ivkoles23y@vh315 ~/ivan23 $ npm run dev

dev vite

2:46

 PM [vite] (client) Re-optimizing dependencies because vite config has changed

VITE v6.3.5 ready in 274 ms

➜ Local: http://localhost:5173/ ➜ Network: use --host to expose
➜ press h + enter to show help

LARAVEL v12.19.3 plugin v1.3.0

➜ APP_URL: http://localhost node

/errors

ErrorCaptureStackTrace(err); ^

Error: ENOSPC: System limit for number of file watchers reached, watch '/home/i/ivkoles23y/ivan23/vendor/laravel/framework/src/Illuminate/Support/Facades/Date.php' at FSWatcher. (node

/fs/watchers:247

) at Object.watch (node:fs:2315

) at createFsWatchInstance (file:///home/i/ivkoles23y/ivan23/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:22195

)
at setFsWatchListener (file:///home/i/ivkoles23y/ivan23/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:22242

) at NodeFsHandler._watchWithNodeFs (file:///home/i/ivkoles23y/ivan23/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:22397

) at NodeFsHandler._handleFile (file:///home/i/ivkoles23y/ivan23/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:22461

)
at NodeFsHandler._addToNodeFs (file:///home/i/ivkoles23y/ivan23/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:22703

)
Emitted 'error' event on FSWatcher instance at: at FSWatcher._handleError (file:///home/i/ivkoles23y/ivan23/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:23896

)
at NodeFsHandler._addToNodeFs (file:///home/i/ivkoles23y/ivan23/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:22711

) { errno: -28, syscall: 'watch', code: 'ENOSPC', path: '/home/i/ivkoles23y/ivan23/vendor/laravel/framework/src/Illuminate/Support/Facades/Date.php', filename: '/home/i/ivkoles23y/ivan23/vendor/laravel/framework/src/Illuminate/Support/Facades/Date.php' }

Node.js v18.14.2

2 месяца назад

Иван

Для того чтобы подключить Bootstrap к проекту Laravel, вам нужно выполнить следующие шаги:

Шаг 1: Установите Bootstrap с помощью npm или yarn. Откройте терминал и выполните одну из следующих команд:

Для npm:

npm install bootstrap

Для yarn:

yarn add bootstrap

Шаг 2: Установите Laravel Mix, если вы еще не сделали этого. Laravel Mix - это инструмент сборки и оптимизации фронтенд-ресурсов вашего проекта Laravel. Установите Laravel Mix с помощью Composer:

composer require laravel/ui

И затем выполните команду для установки фронтенд-зависимостей:

php artisan ui bootstrap

Шаг 3: Скомпилируйте ресурсы фронтенда проекта с помощью Laravel Mix. Выполните команду npm run dev для компиляции ресурсов в режиме разработки или npm run production для компиляции ресурсов в режиме продакшен.

Шаг 4: В вашем базовом blade-шаблоне, например, resources/views/layouts/app.blade.php, добавьте ссылку на файл стилей Bootstrap внутри тега . Используйте asset функцию Laravel для обращения к статическим файлам вашего проекта. Например:

<!DOCTYPE html>
  <html>
  <head>
      <!-- Другие теги head -->
      
      <link href="{{ asset('css/app.css') }}" rel="stylesheet">
  </head>
  <body>
      <!-- Ваш контент -->
  </body>
</html>

год назад

Ivan Gagarinov

1 месяц

Laravel

Навык создания веб-приложений с помощью Laravel, необходимый для старта карьеры PHP-разработчика

2 месяца

Bootstrap

Навык работы с SASS, Bootstrap 5 и Gulp для ускорения, упрощения и оптимизации процесса вёрстки и разработки сайтов

16 месяцев

Fullstack-разработчик на PHP

Программирование на JavaScript и PHP, разработка веб-приложений и сервисов используя Laravel, проектирование REST API и работа с базами

10 месяцев

РНР-разработчик

Программирование на PHP, Разработка веб-приложений и сервисов используя Laravel, проектирование и реализация REST API

5 месяцев

Профессиональная верстка

Навык адаптивной вёрстки с современными подходами для корректного отображения сайтов на любых устройствах и разрешениях

Похожие вопросы