kendo-angular-dropdowns combobox.component.d.ts

Question

Я пытаюсь использовать элементы управления, и все, кажется, работает. Только один элемент управления, который я не могу использовать, и это выпадающее меню.

Я получаю ошибку

«Build: ';' ожидается в combobox.component.d.ts

Это мой package.json

 

    { 
     "name": "angular-quickstart", 
     "version": "1.0.0", 
     "description": "QuickStart package.json from the documentation, supplemented with testing support", 
     "scripts": { 
     "start": "tsc && concurrently \"tsc -w\" \"lite-server\" ", 
     "docker-build": "docker build -t ng2-quickstart .", 
     "docker": "npm run docker-build && docker run -it --rm -p 3000:3000 -p 3001:3001 ng2-quickstart", 
     "pree2e": "npm run webdriver:update", 
     "e2e": "tsc && concurrently \"http-server -s\" \"protractor protractor.config.js\" --kill-others --success first", 
     "lint": "tslint ./app/**/*.ts -t verbose", 
     "lite": "lite-server", 
     "postinstall": "typings install", 
     "test": "tsc && concurrently \"tsc -w\" \"karma start karma.conf.js\"", 
     "test-once": "tsc && karma start karma.conf.js --single-run", 
     "tsc": "tsc", 
     "tsc:w": "tsc -w", 
     "typings": "typings", 
     "webdriver:update": "webdriver-manager update" 
     }, 
     "keywords": [], 
     "author": "", 
     "licenses": [ 
     { 
      "type": "MIT", 
      "url": "https://github.com/angular/angular.io/blob/master/LICENSE" 
     } 
     ], 
     "dependencies": { 
     "@angular/common": "~2.0.2", 
     "@angular/compiler": "~2.0.2", 
     "@angular/core": "~2.0.2", 
     "@angular/forms": "~2.0.2", 
     "@angular/http": "~2.0.2", 
     "@angular/platform-browser": "~2.0.2", 
     "@angular/platform-browser-dynamic": "~2.0.2", 
     "@angular/router": "~3.0.2", 
     "@angular/upgrade": "~2.0.2", 
     "@progress/kendo-angular-buttons": "^0.10.3", 
     "@progress/kendo-angular-dropdowns": "^0.14.1", 
     "@telerik/kendo-theme-default": "^1.26.1", 
     "angular-in-memory-web-api": "~0.1.5", 
     "bootstrap": "^3.3.7", 
     "core-js": "^2.4.1", 
     "reflect-metadata": "^0.1.8", 
     "rxjs": "5.0.0-beta.12", 
     "systemjs": "0.19.39", 
     "zone.js": "^0.6.25" 
     }, 
     "devDependencies": { 
     "concurrently": "^3.0.0", 
     "lite-server": "^2.2.2", 
     "typescript": "^2.0.3", 
     "typings": "^1.4.0", 
     "canonical-path": "0.0.2", 
     "http-server": "^0.9.0", 
     "tslint": "^3.15.1", 
     "lodash": "^4.16.2", 
     "jasmine-core": "~2.5.2", 
     "karma": "^1.3.0", 
     "karma-chrome-launcher": "^2.0.0", 
     "karma-cli": "^1.0.1", 
     "karma-htmlfile-reporter": "^0.3.4", 
     "karma-jasmine": "^1.0.2", 
     "karma-jasmine-html-reporter": "^0.2.2", 
     "protractor": "^3.3.0", 
     "rimraf": "^2.5.4" 
     }, 
     "repository": {} 
    } 

Что я делаю неправильно?

У меня второй вопрос. Вы можете продлить Quickstart включить все элементы управления? (Теперь только кнопка есть)

с наилучшими пожеланиями.

Answer 1

Это мой systemjs.config.j s

 

    /** 
    * System configuration for Angular samples 
    * Adjust as necessary for your application needs. 
    */ 
    (function (global) { 
     System.config({ 
     paths: { 
      // paths serve as alias 
      'npm:': 'node_modules/' 
     }, 
     // map tells the System loader where to look for things 
     map: { 
      // our app is within the app folder 
      app: 'app', 

      '@progress/kendo-angular-buttons': 'npm:@progress/kendo-angular-buttons', 
      '@progress/kendo-angular-dropdowns': 'npm:@progress/kendo-angular-dropdowns', 
      '@progress/kendo-angular-popup': 'npm:@progress/kendo-angular-popup', 
      '@progress/kendo-popup-common': 'npm:@progress/kendo-popup-common', 

      '@telerik/kendo-dropdowns-common': 'npm:@telerik/kendo-dropdowns-common', 
      // angular bundles 
      '@angular/core': 'npm:@angular/core/bundles/core.umd.js', 
      '@angular/common': 'npm:@angular/common/bundles/common.umd.js', 
      '@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js', 
      '@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js', 
      '@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', 
      '@angular/http': 'npm:@angular/http/bundles/http.umd.js', 
      '@angular/router': 'npm:@angular/router/bundles/router.umd.js', 
      '@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js', 
      '@angular/upgrade': 'npm:@angular/upgrade/bundles/upgrade.umd.js', 

      // other libraries 
      'rxjs':      'npm:rxjs', 
      'angular-in-memory-web-api': 'npm:angular-in-memory-web-api', 
     }, 
     // packages tells the System loader how to load when no filename and/or no extension 
     packages: { 
      'npm:@progress/kendo-angular-buttons': { 
      main: './dist/npm/js/main.js', 
      defaultExtension: 'js' 
      }, 
      '@progress/kendo-angular-dropdowns': { 
       main: './dist/npm/js/main.js', 
       defaultExtension: 'js' 
      }, 
      '@progress/kendo-angular-popup': { 
       main: './dist/npm/js/main.js', 
       defaultExtension: 'js' 
      }, 
      '@progress/kendo-popup-common': { 
       main: './dist/npm/js/main.js', 
       defaultExtension: 'js' 
      }, 
      '@telerik/kendo-dropdowns-common': { 
       defaultExtension: 'js', 
       main: "./dist/npm/js/main.js" 
      }, 
      app: { 
      main: './main.js', 
      defaultExtension: 'js' 
      }, 
      rxjs: { 
      defaultExtension: 'js' 
      }, 
      'angular-in-memory-web-api': { 
      main: './index.js', 
      defaultExtension: 'js' 
      } 
     } 
     }); 
    })(this); 

Я добавил всплывающее окно, но по-прежнему ту же ошибку.