Javascript 为什么boostrap小部件没有出现？

我正在尝试使用boostrap在我的网站上实现一个日期选择器。我以前从未使用过它，我不理解不断出现的错误

.html文件：

<link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="/bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" />
<link rel="stylesheet" href="stylesheets/sidebar.css">
<link rel="stylesheet" href="stylesheets/taskboard.css">

<script src="javascripts/taskboard.js"> </script>
<script type="text/javascript" src="/bower_components/jquery/jquery.min.js"></script>
<script type="text/javascript" src="/bower_components/moment/min/moment.min.js"></script>
<script type="text/javascript" src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script> 
.
.
.
<div style="overflow:hidden; z-index:100;">
          <div class="form-group">
            <div class="row">
              <div class="col-md-8">
                <div id="datetimepicker12"></div>
              </div>
            </div>
          </div>
          <script type="text/javascript">
            $(function () {
            $('#datetimepicker12').datetimepicker({
                inline: true,
                sideBySide: true
              });
            });
          </script>
        </div>
      </div>

.
.
.
$（函数（）{
$（'#datetimepicker12'）。datetimepicker({
是的，
旁边：对
});
});

当我加载网站时，没有显示任何内容，它保持为空，并且我收到一条控制台消息，上面说：

---

您的代码与

cdn一起工作得非常好

这是你的电话号码

您应该仔细检查css文件是否位于正确的位置

如果他们是，那么你可以在这里尝试一些解决方案

尝试删除

rel=“stylesheet”

属性，并在链接标记中添加

type=“text/html”

如果第一个解决方案不起作用，那么您可以尝试保留

rel=“stylesheet”

，并另外添加

type=“text/css”

如果上述两种解决方案都不起作用，则尝试在

链接

标记之前添加

---

@Faredkhan我使用此链接（）获取html代码，没有css文件，我认为在链接中添加href是可以的。请仔细检查错误消息中提到的css文件的文件路径。可能会发生这样的情况，路径中的一个轻微输入错误返回一个带有404错误的HTML文件，因此它会被识别为HTML而不是CSS，并向您提供此错误而不是非回复。最简单的方法是：尝试直接打开文件。只需将href中的路径放在浏览器的新选项卡中，看看它是否有效。如果没有，可能还有其他问题。它告诉我在我的终端上运行'bower install eonasdan bootstrap datetimepicker#latest--save'，但返回一个bash命令not found error，这是因为您需要首先使用以下命令安装

bower

：npm install-g bower，然后您可以使用

bower installeonasdan引导datetimepicker#最新--保存

以下是安装bower的指南：