"Ungefangener SyntaxError: Unerwartetes Token {" in Bootstrap 2.1.0, gebündelt mit Joomla! 3.0

69

Ich benutze Joomla! 3.0, in dem Twitter Bootstrap 2.1.0 enthalten ist. Ich möchte meine eigene Joomla machen! Vorlage, und ich muss Dropdown-Menüs verwenden. Wenn ich folgendes CSS / JS einbeziehe:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>    
<script type="text/javascript" src="<?php echo $this->baseurl ?>/media/jui/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/media/jui/css/bootstrap.css"></script>
<link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/Site.css" rel="stylesheet" type="text/css">
<link rel="shotcut icon" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/images/favicon.ico" type="image/x-icon">

Ich erhalte folgenden CSS-Fehler:

Uncaught SyntaxError: Unexpected token { 

in /media/jui/css/bootstrap.cssZeile 19

Cysioland
quelle
Ich denke, Sie können diesen CSS-Fehler ignorieren
Marko D
@MarkoD Nein, ich kann nicht, es kommt in einer der ersten Zeilen vor und Bootstrap funktioniert nicht damit.
Cysioland

Antworten:

230

Sie haben einen Syntaxfehler, weil Sie versucht haben, eine CSS-Datei als JavaScript einzuschließen. Ändern Sie sie daher

<script type="text/javascript" src="<?php echo $this->baseurl ?>/media/jui/css/bootstrap.css"></script>

zu

<link href="<?php echo $this->baseurl ?>/media/jui/css/bootstrap.css" rel="stylesheet" type="text/css" />

Schließen Sie auch andere Link-Tags ordnungsgemäß mit />, nicht nur mit>

Marko D.
quelle
1
Beachten Sie, dass Sie jQuery und Bootstrap mit Joomla über einen PHP-Befehl einbinden können. Rufen Sie einfach auf JHtml::_('bootstrap.framework')(weitere Informationen finden Sie auf der Dokumentseite docs.joomla.org/Javascript_Frameworks )
George Wilson,
Ich bin darauf gestoßen, als ich in die Knotenentwicklung eingestiegen bin und externen Ressourcen nicht genügend Aufmerksamkeit geschenkt habe. Überprüfen Sie Ihre Pfade, Dateierweiterungen und Dateiinhalte. Stellen Sie sicher, dass alles JavaScript .js und alles CSS .css ist. Stellen Sie außerdem sicher, dass Sie jquery.js nicht als jquery.css importieren. Klingt dumm, aber es ist mir beim ersten Mal passiert, also dachte ich mir, dass es wahrscheinlich auch jemand anderem passieren wird.
anon58192932
Ähnliches Problem darin, dass ich ein Style.Bundle als Script.Bundle hinzugefügt habe
clarence_odbody