带angular4的jQueryUI

带angular4的jQueryUI,angular,jquery-ui,Angular,Jquery Ui,我正在尝试向angular4项目添加定制的jqueryUI日期选择器组件。目前我已经使用普通的jquery、html和css进行了开发。我想将该组件添加到angular4。 我试过像下面这样,但是当运行npm start时,它会给出一个错误 My jquery ui日期选择器(根据rangepicker定制) 这就是我将jqueryUI导入angular4的方式 "apps": [ { "root": "src", "outDir": "dist", "assets": [

我正在尝试向angular4项目添加定制的jqueryUI日期选择器组件。目前我已经使用普通的jquery、html和css进行了开发。我想将该组件添加到angular4。 我试过像下面这样,但是当运行npm start时,它会给出一个错误

My 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"
  }
}
],

这是我在命令提示符中遇到的错误

如果无法提供完整路径,请尝试此操作

如果无法提供完整路径,请尝试此操作


它适用于jquiery.min.js,但jquery.min.css的导入方式不同。它给出了同样的错误。导入css有什么不同的方法吗?我已经更新了答案,并尝试给出css的完整路径。它对jquiery.min.js有效,但jquery.min.css不会以相同的方式导入。它给出了同样的错误。导入css有什么不同的方法吗?我已经更新了答案,并尝试给出css的完整路径。
"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"
],