wake-up-neo.com

Wie installiert man die aktuelle Bootstrap-Version korrekt in mein Laravel 5.4 Webanwendung?

Ich bin ziemlich neu in PHP und außerdem in Laravel und ich habe folgendes Problem: Ich muss die neueste Bootstrap - CSS-Framework-Version in meiner Laravel Anwendung.

In die Bootstrap Downloadseite: http://getbootstrap.com/getting-started/#download

es besagt, dass ich es mit composer mit dieser Anweisung tun kann:

composer require twbs/bootstrap

Also versuchte ich es und erhielt diese Ausgabe in meiner Konsole:

[email protected] 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.

Was bedeutet genau die vorherige Ausgabe? Es war erfolgreich Ich bezweifle, dass ich die Datei bootstrap.css nicht im Verzeichnis .../resources/assets meines Projekts finden kann. 

Warum? Was vermisse ich? Wie kann ich Bootstrap in meinem Projekt verwenden?

EDIT 1: Ich habe gesehen, dass Composer BootStrap in diesem Ordner abgelegt hat:

.../vendor/twbs/bootstrap/dist/css/bootstrap.css

Folgen Sie diesem SO - Link: Wie kann der Bootstrap nach dem Herunterladen über den Composer eingerichtet werden?

Ich habe versucht zu tun:

php artisan asset:publish --path="vendor/twbs/dist/css" bootstrap/css

den Inhalt des Anbieters/twbs/dist/css als Asset publizieren, aber ich erhalte folgende Fehlermeldung:

[email protected] 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.

Es scheint also, dass asset nicht existiert.

Was muss ich tun

6
user7540582

Sie importieren Bootstrap auf falsche Weise. Meistens verwendet Laravel Composer zum Abrufen von serverseitigen Bibliotheken. Bootstrap wird grundsätzlich für das Frontend verwendet. 

Laravel Per Default Bietet Bootstrap für Sie, siehe hier

Nachfolgend sind die Schritte aufgeführt, die Ihnen helfen werden.

Schritt 1: Prüfen Sie, ob Node.js und NPM auf Ihrem Computer installiert sind.

node -v
npm -v

Wenn nicht installiert, ist der link kein Problem.

Schritt 2: (Betrachten Sie die Installation von node.js.) Gehen Sie zum Projektordner und führen Sie den folgenden Befehl aus.

npm install

dieser Befehl lädt alle Voraussetzungen zusammen mit Ihrem Bootstrap herunter.

Schritt 3: Kompilieren Sie die erforderlichen JS-Dateien.

npm run dev

Schritt 4: Fügen Sie Ihrer Anwendung eine js-Datei hinzu.

<script src="/js/app.js"></script> (Or it would be already imported)

Das ist es!

Sie finden mehr hier und hier

Hoffe es hilft dir!

2

Wenn ich Sie wäre, würde ich das alles nicht tun. Nach einer neuen Installation von Laravel 5.4 Twitter Bootstrap kommen Sie aus der Box und müssen Ihre Abhängigkeiten mit npm laden. 

Installiere npm Abhängigkeiten: 

npm install 

Dann ist das Implementieren von Bootstrap in Ihr Projekt jetzt einfach. Öffnen Sie resources/assets/sass/app.scss und sehen Sie diese Zeile:

@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

um nun alle Bootstrap-Sass-Dateien in Ihrem öffentlichen Ordner public/ zu kompilieren, sollten Sie npm run dev oder npm run production verwenden, wenn Sie sich in der Produktionsumgebung befinden.

dann haben Sie alle Bootstrap-Stile für Sie bereit. Das ist buchstäblich alles, was benötigt wird.

1
Abdou Tahiri

Suchen Sie nach einem vendor/illuminate/html- oder vendor/laravelcollective/html-Ordner relativ zum Projektstamm. Suchen Sie nach der illuminate/html- oder laravelcollective/html-Zeichenfolge in der Datei composer.json oder composer.lock

Ich denke, Sie haben dieses Paket bereits als Komponist, der nichts zu installieren oder zu aktualisieren hat.

Wenn die Datei composer.lock oder der Hersteller einen der strings/folders-Dateien enthält, haben Sie sie bereits installiert und können sie in Ihrem Code verwenden.

Registrieren Sie den Dienstanbieter in config/app.php, indem Sie den folgenden Wert zum Provider-Array hinzufügen:

Collective\Html\HtmlServiceProvider::class

Registrieren Sie Fassaden, indem Sie diese beiden Zeilen im Alias-Array hinzufügen:

'Form' => Collective\Html\FormFacade::class, 'Html' => Collective\Html\HtmlFacade::class,

0
Nawin