gpt4 book ai didi

javascript - 我无法将 Angular Datepicker 包含到模块中

转载 作者:行者123 更新时间:2023-12-03 02:52:15 25 4
gpt4 key购买 nike

嘿,我想在我的模块中使用这个模块:

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>

当我在控制台中打开页面时,我看到错误:

Error: [$injector:modulerr] Failed to instantiate module app due to: [$injector:modulerr] Failed to instantiate module 720kb.datepicker due to: [$injector:nomod] Module '720kb.datepicker' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 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 的顶部链接在控制台中显示错误“无法包含脚本”,而第二个链接底部加载,并且一切正常?如果是一样的?

最佳答案

这完全是在黑暗中进行的,因为您没有提供任何可重现的示例..但只需查看您提供的代码片段...我最好的猜测是您没有使用任何依赖项管理器等,因此依赖于脚本加载的顺序。

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

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

潜在的解决方案可能是:

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

关于javascript - 我无法将 Angular Datepicker 包含到模块中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47799374/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com