带有angular4的jQueryUI

Question

我试图将自定义的jqueryUI datepicker组件添加到angular4项目.目前我用普通的jquery,html和css开发了.我想将该组件添加到angular4.我尝试过如下,但是当运行npm start时会出错.

我的jquery ui datepicker(自定义为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"
],