jQueryUI与angular4

Question

我试图添加自定义的jqueryUI数据采集组件到angular4项目中。目前，我已经开发了普通的jquery、html和css。我想将这个组件添加到angular4中。我试过了，在下面，但当运行npm启动，它会出现一个错误。

我的jquery数据报警器(自定义为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"
],