Как правильно установить последнюю версию Bootstrap в мое веб-приложение Laravel 5.4?
Я новичок в PHP и к тому же в Laravel и у меня есть следующая проблема: я должен правильно установить последнюю начальная загрузка Версия фреймворка CSS в моем приложении Laravel.
В начальная загрузка страница загрузки: http://getbootstrap.com/getting-started/#download
он говорит, что я могу сделать это с помощью композитор этим утверждением:
composer require twbs/bootstrap
Итак, я попытался, и я получил этот вывод в моей консоли:
Andrea@Andrea-PC MINGW64 /c/xampp/htdocs/HotelRegistration
$ composer require twbs/bootstrap
Using version ^3.3 for twbs/bootstrap
./composer.json has been updated
Loading composer repositories with package information
Updating dependencies (including require-dev)
Package operations: 1 install, 0 updates, 0 removals
- Installing twbs/bootstrap (v3.3.7) Downloading: 100%
Package illuminate/html is abandoned, you should avoid using it. Use laravelcollective/html instead.
Writing lock file
Generating autoload files
> Illuminate\Foundation\ComposerScripts::postUpdate
> php artisan optimize
Generating optimized class loader
The compiled services file has been removed.
Что именно означает предыдущий вывод? Это было успешно? Я сомневаюсь, что я не могу найти bootstrap.css подать в …/ ресурсы / активы каталог моего проекта.
Зачем? Что мне не хватает? Как я могу использовать Bootstrap в моем проекте?
РЕДАКТИРОВАТЬ 1: Я видел, что Composer поместил BootStrap в эту папку:
…/vendor/twbs/bootstrap/dist/css/bootstrap.css
Итак, по этой ссылке: Как настроить загрузку после загрузки через композитор?
Я попытался сделать:
php artisan asset:publish --path="vendor/twbs/dist/css" bootstrap/css
опубликовать содержимое поставщика / twbs / dist / css в качестве ресурса, но я получаю это сообщение об ошибке:
Andrea@Andrea-PC MINGW64 /c/xampp/htdocs/HotelRegistration
$ php artisan asset:publish --path="vendor/twbs/dist/css" bootstrap/css[Symfony\Component\Console\Exception\CommandNotFoundException]
There are no commands defined in the "asset" namespace.
Так что кажется, что актив Устав не существует.
Что мне делать?
Решение
Вы импортируете загрузчик неправильно. В основном laravel использует composer для загрузки библиотек на стороне сервера. Bootstrap в основном используется для внешнего интерфейса.
По умолчанию Laravel предоставляет Bootstrap для вас, посмотреть здесь.
Ниже приведены шаги, которые помогут вам.
Шаг 1: Убедитесь, что Node.js и NPM установлены на вашем компьютере.
node -v
npm -v
Если не установлено, не волнуйтесь, вот ссылка на сайт.
Шаг 2: (Учитывая, что вы установили node.js) Перейдите в корневую папку проекта и выполните следующую команду.
npm install
эта команда загрузит все предварительные требования вместе с вашей начальной загрузкой.
Шаг 3: скомпилируйте необходимые файлы js.
npm run dev
Шаг 4: Добавьте файл js в ваше приложение.
<script src="/js/app.js"></script> (Or it would be already imported)
Это оно!
Вы можете найти больше Вот а также Вот
Надеюсь, это поможет вам!
Другие решения
Искать vendor/illuminate/html или же vendor/laravelcollective/html папка относительно корня проекта. Ищите illuminate/html или же laravelcollective/html строка внутри composer.json или composer.lock
Я думаю, у вас уже есть этот пакет, так как композитор ничего не сказал, чтобы установить или обновить.
Если composer.lock или папка vendor содержит какой-либо из strings/folders, то вы уже установили его и можете использовать их в своем коде.
Зарегистрируйте поставщика услуг в config/app.php добавив следующее значение в массив провайдеров:
Collective\Html\HtmlServiceProvider::class
Зарегистрируйте фасады, добавив эти две строки в массив aliases:
'Form' => Collective\Html\FormFacade::class,
'Html' => Collective\Html\HtmlFacade::class,
Если бы я был на вашем месте, я бы не стал делать все это, после новой установки Twitter-загрузчика laravel 5.4 из коробки вам просто нужно загрузить свои зависимости с помощью npm.
Установите зависимости npm:
npm install
Тогда внедрить Bootstrap в ваш проект теперь просто. Откройте resources / assets / sass / app.scss и просмотрите следующую строку:
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
Теперь скомпилируйте все загрузочные файлы sass в вашу общую папку. public/ ты должен использовать npm run dev или же npm run production если вы находитесь в производственной среде.
тогда у вас есть все стили Bootstrap, готовые к использованию.
Это буквально все, что требуется.
detector