我不能将 Angular Datepicker 包含到模块中答案

【问题标题】：I Can't include Angular Datepicker to module我不能将 Angular Datepicker 包含到模块中
【发布时间】：2018-05-27 17:13:35
【问题描述】：

嘿，我想将此模块用于我的：

https://github.com/720kb/angular-datepicker

我在这里包含 css ：

<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="/javascripts/bootstrap.min.js"></script> 
  <script src="https://use.fontawesome.com/19f59abbe2.js"></script>
  <script src="/javascripts/angular.js"></script> 
  <script src="/javascripts/app.js"></script>
  <link href="/stylesheets/sass/vendors/bootstrap.min.css" rel="stylesheet">
  <link href="/stylesheets/sass/vendors/angular-datapicker.css" rel="stylesheet">
  <link rel='stylesheet' href='/stylesheets/main.css' />
  <link href="/stylesheets/sass/vendors/font-awesome.min.css" rel="stylesheet">
</head>
<body>

在端体上：

    </div>
  <% include partials/footer.ejs %>
  <script src="/javascripts/angular-datapicker.js"></script> 
</body>
</html>

当我在控制台中打开页面时，我看到了错误：

错误：[$injector:modulerr] 无法实例化模块应用程序，原因是： [$injector:modulerr] 无法实例化模块 720kb.datepicker 由于： [$injector:nomod] 模块 '720kb.datepicker' 不可用！您要么拼错了模块名称，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。 http://errors.angularjs.org/1.6.4/$injector/nomod?p0=720kb.datepicker

我还添加了内部模块：

angular.module('app', ['angular.datepicker'])

我该如何修复这个问题？

编辑：

 <script src="/javascripts/angular.js"></script> 
 <script src="/javascripts/angular-datapicker.js"></script> 
 <script src="/javascripts/angular-datepicker.js"></script> 
 <script src="/javascripts/app.js"></script>
 <link href="/stylesheets/sass/vendors/bootstrap.min.css" rel="stylesheet">
 <link href="/stylesheets/sass/vendors/angular-datapicker.css" rel="stylesheet">

为什么 angular-datapicker.js 的顶部链接在第二个链接底部加载的控制台中显示错误“无法包含脚本”，一切正常？如果是一样的？

【问题讨论】：

请查看我的潜在解决方案。但我没有太多事情要做。如果你能提供可重播的样本......我可能会调查得更好:)
你打错了

标签： javascript angularjs datepicker

【解决方案1】：

这完全是在黑暗中刺伤，因为您没有提供任何可重现的样本..但是只需查看您提供的 sn-p...我最好的猜测是您没有使用任何依赖项管理器等，因此依赖于脚本加载的顺序。

如果您的应用程序位于应用程序主体内...然后您只在最后加载日期选择器...您会看到您遇到的问题。

你的文件名也有错别字。

一个潜在的解决方案可能是：

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="/javascripts/bootstrap.min.js"></script> 
  <script src="https://use.fontawesome.com/19f59abbe2.js"></script>
  <script src="/javascripts/angular.js"></script> 

  <!--move the datapicker script to here-->
  <script src="/javascripts/angular-datepicker.js"></script>

  <!--rest omitted for brevity-->
</head>

【讨论】：

【解决方案2】：

你把它拼错了angular-datApicker.js 应该是angular-datEpicker.js

【讨论】：