与Joomla捆绑在一起的Bootstrap 2.1.0中的“未捕获的SyntaxError：意外令牌{”！3.0

我正在使用Joomla！3.0，其中包括Twitter Bootstrap 2.1.0。我想做我自己的Joomla！模板，则需要使用下拉菜单。当我包含以下CSS / JS时：

<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">

我收到以下CSS错误：

Uncaught SyntaxError: Unexpected token {

在/media/jui/css/bootstrap.css第19行

css joomla twitter-bootstrap

— 半胱氨酸
source

我认为您可以忽略该CSS错误

— Marko D

@MarkoD不，我不能，它出现在第一行中，Bootstrap无法使用它。

— Cysioland

230

您有语法错误，因为您尝试将CSS文件包含在JavaScript中，因此请进行更改

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

至

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

还要使用正确关闭其他链接标签/>，而不仅仅是>

— 马可D
source

请注意，您可以包括jQuery和引导与Joomla通过PHP命令只需要调用JHtml::_('bootstrap.framework')（在这里看到的文档页面了解更多信息docs.joomla.org/Javascript_Frameworks）

— 乔治·威尔逊

当我进入节点开发并且没有对外部资源给予足够的关注时，我遇到了这个问题。仔细检查您的路径，文件扩展名和文件内容。确保所有JavaScript都是.js，所有CSS都是.css。还要确保您没有将jquery.js导入为jquery.css。听起来很愚蠢，但是这是我第一次碰巧发生在我身上，所以我认为这可能也会发生在其他人身上。

— anon58192932 '16

在类似的问题，我是加入Style.Bundle作为Script.Bundle

— clarence_odbody