[英]JQuery datepicker in angular 7 cli app not working
我正在嘗試使jquery datepicker在正在構建的應用程序中工作。 我有一個角度cli應用程序。 我添加了帶有npm的jquery-datepicker和帶有npm的jquery。
package.json
依賴項如下所示:
"@angular/animations": "~7.1.0",
"@angular/common": "~7.1.0",
"@angular/compiler": "~7.1.0",
"@angular/core": "~7.1.0",
"@angular/forms": "~7.1.0",
"@angular/platform-browser": "~7.1.0",
"@angular/platform-browser-dynamic": "~7.1.0",
"@angular/router": "~7.1.0",
"@ng-bootstrap/ng-bootstrap": "^4.0.1",
"bootstrap": "^4.2.1",
"core-js": "^2.5.4",
"font-awesome": "^4.7.0",
"jquery": "^3.3.1",
"jquery-datepicker": "^1.12.3",
"moment": "^2.23.0",
"popper.js": "^1.14.6",
"rxjs": "~6.3.3",
"tslib": "^1.9.0",
"web-animations-js": "^2.3.1",
"zone.js": "~0.8.26"
我得到的錯誤是:
錯誤類型錯誤:jquery__WEBPACK_IMPORTED_MODULE_4 __(...)。datepicker不是一個函數
pollyfills.ts
看起來像:
import 'jquery';
import 'popper.js';
import 'bootstrap';
import 'moment';
import 'jquery-datepicker';
然后我的組件看起來像:
ngOnInit() {
$( "#datepicker" ).datepicker();
}
有人可以告訴我為什么會出現此錯誤嗎?
在與main.ts相同的位置創建一個jquery.ts並將以下內容粘貼到其中,
從'jquery'導入*作為$;
window ['jQuery'] = window ['$'] = $;
在main.ts的頂部插入以下內容,
導入'jquery';
導入'popper.js';
導入'bootstrap';
導入“時刻”;
導入'jquery-datepicker';
從您的html或angular cli配置中刪除對jquery或bootstrap的所有其他腳本引用。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.