我已经按照these five steps使用dotnet / cli创建了一个角度项目

  • 安装模板

dotnet new - 安装Microsoft.DotNet.Web.Spa.ProjectTemplates :: 2.0.0-rc1-final

  • 创建一个新的Angular App

dotnet新角度

  • 将环境变量更改为“开发”

SET ASPNETCORE_Environment =开发

  • 构建应用程序

dotnet构建

  • 最后,运行应用程序

dotnet运行

接下来我按照these steps安装了KendoUI GridModel(ClientApp文件夹中的cmd.exe)

  • 此软件包的最新版本(v2或更高版本)要求您安装RxJS v5.5或更高版本 . 在使用Grid组件之前,请运行

npm install --save rxjs@^5.5

  • 使用以下内容后,在提示后登录Telerik提供用户登录凭据:

npm login --registry = https://registry.npm.telerik.com/ --scope = @ progress

  • 导入模块

从'@ angular / core'导入;从'@ angular / platform-browser'导入;从'@ angular / platform-browser / animations'导入;从'@ progress / kendo-angular-grid'导入;从'./app.component'导入;

@NgModule({bootstrap:[AppComponent],声明:[AppComponent],导入:[BrowserModule,BrowserAnimationsModule,GridModule]})导出类AppModule {}

  • 使用npm安装了默认的KendoUI主题

npm install --save @ progress / kendo-theme-default

  • 在应用程序中导入样式表 .

@import“〜@ progress / kendo-theme-default / scss / all”;

将GridModule放入其中后,没有任何作用 . 有一个错误:

localization.service.js:9未捕获TypeError: WEBPACK_IMPORTED_MODULE_0__angular_core .OpaqueToken不是eval上的构造函数(localization.service.js:9)在Object ... / .. / .. / .. / @ progress / kendo-angular- l10n / dist / es / localization.service.js(vendor.bundle.js:1951)at webpack_require (inline.bundle.js:55)at eval(main.js:5)at Object ... / .. / . eval上的./../@progress/kendo-angular-l10n/dist/es/main.js(proforts.bundle.js:1959)位于 webpack_require (inline.bundle.js:55)(grid.component.js: 7)at Object ... / .. / .. / .. / @ progress / kendo-angular-grid / dist / es / grid.component.js(vendor.bundle.js:1175)at webpack_require (inline.bundle .js:55)at eval(grid.module.js:4)