我已经按照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 [email protected]^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)