Question

嘿我想把这个模块用到我的手中：

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]模块＆＃39; 720kb.datepicker＆＃39;不可用！您要么错误拼写了模块名称，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。 http://errors.angularjs.org/1.6.4/ $注射器/ 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的顶部链接显示错误＆＃34;不能包含脚本＆＃34;在控制台中第二个链接底部加载，一切正常？如果那是相同的？

Answer 1

这是一个彻头彻尾的黑暗，因为你没有提供任何可重复的样本..但只要查看你提供的片段...我最好的猜测是你没有使用任何依赖管理器等，因此依赖于加载脚本的顺序。

如果您的应用程序位于应用程序正文中...然后您只在最后加载日期选择器...您将看到您遇到的问题。

您的文件名也有拼写错误。

潜在的解决方案可能是：

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

Answer 2

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

我无法将Angular Datepicker包含到模块

2 个答案: