Angular 4 + ng2-datetime jQuery-Ausgabe

Question

Hat jemand Glück mit ng2-datetime-Paket mit ng4? Ich laufe in ein Problem jQuery wie folgt:

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 '$'. 

Obwohl ich alle akzeptierten Fehlerbehebungen für diese befolgt haben rund um das Internet, wie zum Beispiel:

npm install --save @types/jquery 

und darunter:

"types": ["jquery"] 

in meinem tsconfig.json, aber immer noch diesen Fehler.

Ich verwende CLI.

UPD Und mein angular-cli.json ist

///... 

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

///... 

Answer 1

Ich denke, dass ngx-datepiker die beste Option für jetzt ist. Auf diese Lib umgeschaltet.

Answer 2

Ich hatte das gleiche Problem. Die einzige Lösung, die ich finden konnte, ist unten.

Schritt 1: Installieren Sie jQuery und Typen

npm install jquery --save

npm install @types/jquery --save-dev

Schritt 2: Fügen Sie die Bibliothek zu den Skripten in .angular-cli.json

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

Schritt 3: Fügen:/// <reference path="../node_modules/@types/jquery/index.d.ts" /> an die Spitze der src/typeings.d.ts Datei.

Ich versuchte mit zuerst ohne Glück.

Answer 3

wenn Sie Winkel-cli verwenden, fügen Sie in typings.d.ts dieser:

declare var $: any; 

declare var jQuery: any;