2017-12-13 12 views
0

をモジュールに角度日付ピッカーを含めることはできません。私はちょっと私は私にこのモジュールを使用したい

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']) 

は、どのように私はこれを修復することができますか?

EDIT:

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

角度-datapicker.jsのトップリンクがエラーを示しているのはなぜでは、第2のリンクの下の負荷コンソールで「スクリプトを含めるカント」、およびすべては大丈夫でしょうか?それが同じであれば?

+1

私の潜在的な解決策を参照してくださいする必要がありますangular-datApicker.js にそれをスペルミスしました。しかし、私は行くことはあまりありません。再生可能なサンプルを提供できるのであれば、ちょっと調べてみるといいでしょう:) –

+1

あなたはタイプミスをしました –

答えて

0

あなたはそれがangular-datEpicker.js

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

ねえ、私は編集しました –

関連する問題