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

I would like to know how to use kendo-ui-angular2 in SmartAdmin

我购买了 SmartAdmin 和 KendoUI Angular。

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


1) 已使用 "npm install".

安装了 SmartAdmin


2) npm 启动


3) 我看了 KendoUI GetStarted 并关注了它。

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

您已使用上述命令成功安装 "Kendo Button"。


4) npm 启动


*) 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。我英语说得不好。所以我得到了Google翻译的帮助。

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

您可以尝试将 packages.json 中定义的软件包更新为最新版本。 运行 npm outdated 查看哪些是过时的。但是,我不明白我们要将 jQuery 与 Angular 一起使用。 Angular 管理 DOM,用 jQuery 修改它会适得其反。