2017-07-17 7 views
0

ng4でng2-datetimeパッケージを使用している人はいますか?次のように私はjQueryの問題に実行しています:含む角4 + ng2-datetime jQueryの問題

npm install --save @types/jquery 

と::

"types": ["jquery"] 
私はすべての受け入れなど、ウェブの周りに、このための修正を、続いているものの

ERROR in /Users/markoffden/Sites/ato-card-front/node_modules/ng2-datetime/src/ng2-datetime/ng2-datetime.ts (175,27): Cannot find name 'jQuery'. 
/Users/markoffden/Sites/ato-card-front/node_modules/ng2-datetime/src/ng2-datetime/ng2-datetime.ts (176,37): Cannot find name '$'. 
/Users/markoffden/Sites/ato-card-front/node_modules/ng2-datetime/src/ng2-datetime/ng2-datetime.ts (192,19): Cannot find name '$'. 
/Users/markoffden/Sites/ato-card-front/node_modules/ng2-datetime/src/ng2-datetime/ng2-datetime.ts (196,27): Cannot find name 'jQuery'. 
/Users/markoffden/Sites/ato-card-front/node_modules/ng2-datetime/src/ng2-datetime/ng2-datetime.ts (197,37): Cannot find name '$'. 
/Users/markoffden/Sites/ato-card-front/node_modules/ng2-datetime/src/ng2-datetime/ng2-datetime.ts (224,19): Cannot find name '$'. 

tsconfig.json

が含まれていますが、依然としてこのエラーが発生します。

私はCLIを使用しています。

UPD そして、私のangular-cli.json私はngx-datepiker今の最良の選択肢だと思い

///... 

"styles": [ 
    "../bower_components/bootstrap/dist/css/bootstrap.min.css", 
    "../bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css", 
    "../bower_components/font-awesome/css/font-awesome.min.css", 
    "sass/styles.scss" 
], 
"scripts": [ 
    "../bower_components/jquery/dist/jquery.min.js", 
    "../bower_components/bootstrap/dist/js/bootstrap.min.js", 
    "../bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js", 
    "../bower_components/bootstrap-timepicker/js/bootstrap-timepicker.js" 
] 

///... 
+0

使用この 'のvar $を宣言:任意の;'あなたは生憎jqueryの –

+0

を使用しているコンポーネント、で、それはありませんが助けてください – markoffden

+0

'宣言var jQuery:any;'これも –

答えて

1

です。このlibに切り替えました。

1

私は同じ問題がありました。私が見つけた唯一の解決策は以下の通りです。

ステップ1:インストールjQueryと種類

npm install jquery --save

npm install @types/jquery --save-dev

ステップ2:.angular-cli.jsonにスクリプトにライブラリを追加

"scripts": [ "../bower_components/jquery/dist/jquery.min.js" ]

ステップ3:追加:/// <reference path="../node_modules/@types/jquery/index.d.ts" />ファイルのsrc/typeings.d.tsのトップへ。

私は運が一番最初にangular's approach for adding 3rd party libsを使ってみました。

0

あなたは角度-CLIを使用している場合、typings.d.tsにこの追加:

declare var $: any; 

declare var jQuery: any; 
関連する問題