在尝试使用grid组件时出现404错误

Question

我在Telerik的网格概述页面(http://www.telerik.com/kendo-angular-ui/components/grid/)上遵循Getting Started样例，并遵循说明，但不断得到这个错误:

GET http://localhost:3000/@progress/kendo-angular-intl 404 (Not Found)

我已经得到了一个按钮的工作，没有问题，点击事件的工作，和皮肤的工作，在他们的例子，但我已经按照网格的例子的字母和网格给出了这个错误。

我试过拉@progress/kendo-angular-intl，并将其添加到我的system.config.js中，就像我添加按钮一样，但没有运气。我也试着把图表拉进来，也遇到了和上面一样的问题。

我使用的是Angular 2.0.0版本，下面是我的package.json:

{
  "name": "myApp",
   "version": "1.0.0",
   "description": "myApp",
   "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",
     "e2e": "tsc && concurrently "http-server" "protractor      protractor.config.js"",
     "lint": "tslint ./app/**/*.ts -t verbose",
     "lite": "lite-server",
     "postinstall": "typings install",
     "test": "tsc && concurrently "tsc -w" "karma start karma.conf.js"",
     "tsc": "tsc",
     "tsc:w": "tsc -w",
     "typings": "typings",
     "webdriver:update": "webdriver-manager update"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "dependencies": {
     "@angular/common": "2.0.0",
     "@angular/compiler": "2.0.0",
     "@angular/core": "2.0.0",
     "@angular/forms": "2.0.0",
     "@angular/http": "2.0.0",
     "@angular/platform-browser": "2.0.0",
     "@angular/platform-browser-dynamic": "2.0.0",
     "@angular/router": "3.0.0",
     "@angular/upgrade": "2.0.0",
     "@progress/kendo-angular-buttons": "^0.9.3",
     "@progress/kendo-angular-charts": "^0.5.1",
     "@progress/kendo-angular-grid": "^0.3.2",
     "@progress/kendo-angular-intl": "^0.4.1",
     "angular2-localstorage": "^0.4.0",
     "bootstrap": "^3.3.6",
     "chart.js": "^2.1.3",
     "es6-shim": "^0.35.0",
     "font-awesome": "^4.6.3",
     "primeng": "^1.0.0-beta.16",
     "primeui": "^4.1.15",
     "reflect-metadata": "^0.1.3",
     "roboto-font": "^0.1.0",
     "rxjs": "5.0.0-beta.12",
     "systemjs": "0.19.37",
     "zone.js": "^0.6.17"
   },
   "devDependencies": {
     "concurrently": "^2.2.0",
     "lite-server": "^2.2.0",
     "typescript": "^1.8.10",
     "typings": "^1.0.4"
   },
   "repository": {}
 }

Answer 1

这是我的设置，网格现在为我工作了。

我一开始就遇到了同样的问题。

我为intl包运行了这个脚本。NPM install——save cldr-data

这些设置都可以正常工作。

截图:System Config

截图:@progress和@telerik的node_modules文件夹

Answer 2

当我玩网格时，我遇到了同样的错误。你必须在##systemjs.config.js##中添加一些配置，

 map: {
  // our app is within the app folder
  app: 'app',
  '@progress/kendo-angular-grid': 'npm:@progress/kendo-angular-grid',
  '@progress/kendo-angular-intl': 'npm:@progress/kendo-angular-intl',
  '@telerik/kendo-intl': 'npm:@telerik/kendo-intl',
},
 // packages tells the System loader how to load when no filename and/or no extension
packages: {
  app: {
    main: './main.js',
    defaultExtension: 'js'
  },
  'npm:@progress/kendo-angular-grid': {
    main: './dist/npm/js/main.js',
    defaultExtension: 'js'
  },
  'npm:@progress/kendo-angular-intl': {
    main: './dist/npm/js/main.js',
    defaultExtension: 'js'
  },
  'npm:@telerik/kendo-intl': {
    main: './dist/npm/js/main.js',
    defaultExtension: 'js'
  }
}

希望能帮你解决问题。

Answer 3

我已经这样做了:

安装@telerik/kendo-intl在我的根项目。在我的system.config.js文件中，我添加了:

map: {
...........\\
'@telerik/kendo-intl': 'npm:@telerik/kendo-intl',
...........\\
},
packages: {
...........\\
'npm:@telerik/kendo-intl': {
 main: './dist/npm/js/main.js',
 defaultExtension: 'js'
 },
............\\
}

现在剑道网格是可见的，但没有剑道样式在我的网页。

编辑:我在添加样式后再次运行我的代码，剑道按钮现在看起来像剑道按钮，但剑道网格仍然不像剑道网格。