jQueryUI與angular4

Question

我試圖添加自定義jqueryUI datepicker組件到angular4項目。目前我用普通的jquery，html和css開發。我想將該組件添加到angular4。 我已經嘗試過，但在運行npm時會出現錯誤。

我的jQuery UI的日期選擇器（定製rangepicker）

這是我如何導入jQueryUI的，以angular4

"apps": [ 
{ 
    "root": "src", 
    "outDir": "dist", 
    "assets": [ 
    "assets", 
    "favicon.ico" 
    ], 
    "index": "index.html", 
    "main": "main.ts", 
    "polyfills": "polyfills.ts", 
    "test": "test.ts", 
    "tsconfig": "tsconfig.app.json", 
    "testTsconfig": "tsconfig.spec.json", 
    "prefix": "app", 
    "styles": [ 
    "styles.css", 
    "../node_modules/jquery-ui/../themes/base/all.css", 
    "../node_modules/bootstrap/dist/css/bootstrap.min.css" 
    ], 
    "scripts": ["../node_modules/jquery/dist/jquery.min.js", 
    "../node_modules/jqueryui/jquery-ui.js", 
    "../node_modules/bootstrap/dist/js/bootstrap.min.js"], 
    "environmentSource": "environments/environment.ts", 
    "environments": { 
    "dev": "environments/environment.ts", 
    "prod": "environments/environment.prod.ts" 
    } 
} 

]，

這是我得到的錯誤命令提示符

Answer 1

"scripts": ["node_modules/jquery/dist/jquery.min.js","node_modules/jqueryui/jquery-ui.js", 
"node_modules/bootstrap/dist/js/bootstrap.min.js"] 

如果沒有充分的路徑嘗試這方面的工作。

npm uninstall -g angular-cli @angular/cli 
npm cache clean 
npm install -g angular-cli@1.0.0-beta.26 

"styles": [ 
    "fullpath/styles.css", 
    "node_modules/jquery-ui/../themes/base/all.css", 
    "node_modules/bootstrap/dist/css/bootstrap.min.css" 
],