我想知道如何在SmartAdmin中使用kendo-ui-angular2

时间:2017-09-07 07:47:43

标签: angular kendo-ui kendo-ui-angular2 smartadmin

我购买了SmartAdmin和KendoUI Angular。

smartAdmin购买网站> https://wrapbootstrap.com/theme/smartadmin-responsive-webapp-WB0573SK0

1)已使用“npm install”安装SmartAdmin。

enter image description here enter image description here

2)npm start

enter image description here

3)我看了KendoUI GetStarted并跟着它。

enter image description here

“npm install --save @ progress / kendo-angular-buttons @ progress / kendo-angular-l10n @ angular / animations”

您已使用上述命令成功安装了“Kendo Button”。

4)npm start

enter image description here enter image description here

*)package.json

    {
      "name": "smartadmin",
      "version": "0.4.4",
      "license": "MIT",
      "angular-cli": {},
      "scripts": {
        "build:dev": "./node_modules/.bin/ng build",
        "build:prod": "./node_modules/.bin/ng build --prod --aot=false",
        "build": "npm run build:dev",
        "clean:dist": "npm run rimraf -- dist",
        "clean:install": "npm set progress=false && npm install",
        "clean:start": "npm start",
        "clean": "npm cache clean && npm run rimraf -- node_modules doc coverage dist",
        "e2e:live": "npm run e2e -- --elementExplorer",
        "e2e": "npm run protractor",
        "lint": "npm run tslint \"src/**/*.ts\"",
        "postversion": "git push && git push --tags",
        "prebuild:dev": "npm run clean:dist",
        "prebuild:prod": "npm run clean:dist",
        "preclean:install": "npm run clean",
        "preclean:start": "npm run clean",
        "preversion": "npm test",
        "protractor": "protractor",
        "rimraf": "rimraf",
        "server:dev": "./node_modules/.bin/ng serve",
        "server": "npm run server:dev",
        "start": "npm run server:dev",
        "test": "./node_modules/.bin/ng test",
        "tslint": "tslint",
        "typedoc": "typedoc",
        "version": "npm run build",
        "ng": "ng",
        "pree2e": "webdriver-manager update --standalone false --gecko false"
      },
      "private": true,
      "dependencies": {
        "@angular-redux/store": "6.1.0",
        "@angular/animations": "^4.0.1",
        "@angular/common": "4.0.1",
        "@angular/compiler": "4.0.1",
        "@angular/core": "4.0.1",
        "@angular/forms": "4.0.1",
        "@angular/http": "4.0.1",
        "@angular/platform-browser": "4.0.1",
        "@angular/platform-browser-dynamic": "4.0.1",
        "@angular/router": "4.0.1",
        "@progress/kendo-angular-buttons": "^1.0.5",
        "@progress/kendo-angular-l10n": "^1.0.2",
        "X-editable": "github:vitalets/x-editable",
        "bootstrap": "3.3.7",
        "bootstrap-colorpicker": "2.5.1",
        "bootstrap-duallistbox": "3.0.6",
        "bootstrap-markdown": "2.10.0",
        "bootstrap-progressbar": "0.9.0",
        "bootstrap-slider": "9.7.2",
        "bootstrap-tagsinput": "0.7.1",
        "bootstrap-timepicker": "0.5.2",
        "chart.js": "2.5.0",
        "classlist.js": "^1.1.20150312",
        "clockpicker": "0.0.7",
        "clone": "2.1.1",
        "core-js": "2.4.1",
        "debounce": "1.0.0",
        "dropzone": "4.3.0",
        "dygraphs": "1.1.1",
        "fuelux": "3.15.12",
        "he": "1.1.1",
        "highcharts": "5.0.10",
        "ion-rangeslider": "2.1.7",
        "jquery": "2.1.4",
        "jquery-color": "1.0.0",
        "jquery-jcrop": "0.9.13",
        "jquery-knob": "1.2.11",
        "jquery-ui-npm": "1.12.0",
        "jquery-validation": "1.16.0",
        "jquery.maskedinput": "1.4.1",
        "markdown": "0.5.0",
        "morris.js": "0.5.0",
        "ngx-bootstrap": "1.6.6",
        "ngx-popover": "0.0.16",
        "nouislider": "9.2.0",
        "raphael": "2.2.7",
        "redux": "3.6.0",
        "rxjs": "5.3.0",
        "scriptjs": "2.5.8",
        "select2": "4.0.3",
        "smartadmin-plugins": "1.0.17",
        "summernote": "0.8.3",
        "to-markdown": "3.0.4",
        "ts-helpers": "1.1.2",
        "web-animations-js": "2.2.2",
        "zone.js": "0.8.5"
      },
      "devDependencies": {
        "@angular/cli": "1.0.0",
        "@angular/compiler-cli": "4.0.1",
        "@types/jasmine": "2.5.47",
        "@types/jquery": "2.0.41",
        "@types/node": "7.0.12",
        "codelyzer": "2.1.1",
        "jasmine-core": "2.5.2",
        "jasmine-spec-reporter": "3.2.0",
        "karma": "1.6.0",
        "karma-chrome-launcher": "2.0.0",
        "karma-cli": "1.0.1",
        "karma-jasmine": "1.1.0",
        "karma-jasmine-html-reporter": "0.2.2",
        "karma-coverage-istanbul-reporter": "1.0.0",
        "protractor": "5.1.1",
        "ts-node": "3.0.2",
        "tslint": "5.0.0",
        "typescript": "2.2.2",
        "css-loader": "0.28.0",
        "exports-loader": "0.6.4",
        "expose-loader": "0.7.3",
        "file-loader": "0.11.1",
        "imports-loader": "0.7.1",
        "karma-remap-istanbul": "0.6.0",
        "raw-loader": "0.5.1",
        "script-loader": "0.7.0",
        "style-loader": "0.16.1",
        "url-loader": "0.5.8"
      },
      "repository": {
        "type": "git",
        "url": "https://bitbucket.org/grigson/smartadmin-angular-2"
      },
      "bugs": {
        "url": "https://bitbucket.org/grigson/smartadmin-angular-2/issues"
      },
      "engines": {
        "node": ">= 4.2.1",
        "npm": ">= 3"
      }
    }

从外面完成kendo npm的安装。 复制时没有错误。粘贴nodeModule。

即使是“npm start”效果也不错。

我不知道为什么。

我正在寻找这个错误的解决方案大约6到7天。但我无法解决它。

:(请帮帮我... T ^ T

PS。我不会说英语。所以我得到了谷歌翻译的帮助。

请理解英语表达是不可避免的。

1 个答案:

答案 0 :(得分:0)

您可以尝试将packages.json中定义的软件包更新为更新版本。运行npm过时以查看哪些已过时。但是,我不明白你们想要在Angular中使用jQuery。 Angular管理DOM,并且用jQuery修改它会产生相反的效果。