在 Joomla! 3.0 中捆绑的 Bootstrap 2.1.0 中出现了 "Uncaught SyntaxError: Unexpected token { " 的错误。

Question

我正在使用包含Twitter Bootstrap 2.1.0的Joomla! 3.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行

- Cysioland

---

我认为您可以忽略那个CSS错误。 - Marko D

@MarkoD 不行，它出现在第一行中，而且Bootstrap不能与之配合使用。 - Cysioland

Answer 1

您的语法错误是因为您尝试将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" />

同时请使用/>来正确关闭其他链接标签，而不是只使用>

- Marko D

---

请注意，您可以通过PHP命令调用JHtml::_('bootstrap.framework')来在Joomla中包含jQuery和bootstrap（有关更多信息，请参见此处的文档页面http://docs.joomla.org/Javascript_Frameworks）。 - George Wilson

我在开始进行Node开发时遇到了这个问题，没有仔细注意外部资源。请仔细检查你的路径、文件扩展名和文件内容。确保所有的JavaScript文件都是以.js结尾，所有的CSS文件都是以.css结尾。还要确保你没有将jquery.js导入为jquery.css。听起来很傻，但这在我第一次尝试时发生过，所以我觉得其他人可能也会遇到同样的问题。 - fIwJlxSzApHEZIl

类似的问题是我正在将一个Style.Bundle添加为Script.Bundle。 - clarence_odbody