如何通过npm安装开源(核心) Kendo UI？
Kendo UI是一套功能强大的前端UI框架，它提供了丰富的UI组件和工具，可以帮助开发人员快速构建现代化的Web应用程序。要通过npm安装开源的Kendo UI，可以按照以下步骤进行操作：
- 打开终端或命令提示符，确保已经安装了Node.js和npm。
- 在终端中导航到你的项目目录。
- 运行以下命令来安装Kendo UI的npm包：
npm install --save @progress/kendo-ui- 安装完成后，你可以在项目中引入Kendo UI的相关模块。例如，在JavaScript文件中，你可以这样引入Kendo UI的Grid模块：
import { Grid } from '@progress/kendo-ui';- 接下来，你可以根据Kendo UI的文档和示例来使用它的各种组件和工具，以满足你的项目需求。
Kendo UI的优势在于它提供了丰富的UI组件和功能，可以帮助开发人员快速构建现代化的Web应用程序。它具有良好的可定制性和扩展性，可以满足各种不同的业务需求。
Kendo UI适用于各种Web应用程序开发场景，包括企业级管理系统、数据可视化应用、电子商务平台等。它可以帮助开发人员提高开发效率，减少重复工作，提供良好的用户体验。
腾讯云提供了一系列与Kendo UI相关的产品和服务，例如腾讯云CDN、腾讯云对象存储等。你可以通过以下链接了解更多关于腾讯云相关产品和服务的信息：
通过npm安装Kendo UI是一种方便快捷的方式，可以帮助开发人员轻松地集成和使用Kendo UI的功能。
相关·内容
Kendo UI的核心版本是开源的。使用如下说明安装Kendo UI：
npm install -g appbuilder
然而，我不确定哪个版本的Kendo UI是商业的还是开源的。
如何安装开源的Kendo UI核心产品？
浏览 11提问于2016-07-26得票数 0
2回答
我在安装angular kendo按钮时遇到以下错误：
npm错误！禁止使用代码进度npm ERR 403：@ E403 /kendo-angular-buttons@^3.0.3
我正在使用以下命令：
npm install -S @progress/kendo-angular-buttons
并且我提供了kendo凭证，使用
npm login --registry=https://registry.npm.telerik.com/
我已经注册了Kendo UI for Angular的试用版
如何克服这个问题，还是我错过了什么。
浏览 1提问于2018-02-21得票数 0
我有一个具有javascript的页面来将输入转换为MaskedTextBox：
$("#PhoneNumber").kendoMaskedTextBox({
mask: "(000) 000-0000"
});
除了对“jquery.js”的引用外，如果我包含了对“kendo.ui.core.min.js”的引用，那么MaskedTextBox将按预期的方式工作。如果我只包含对“kendo.core.min.js”的引用，它就不起作用了。
我原以为“kendo.ui.core.min.js”需要“kendo.core.min.js”，但情况似乎并非如此
浏览 1提问于2014-06-04得票数 1
回答已采纳
我使用TypeScript为React使用Kendo UI。我正在尝试使用"typeof import“为TypeScript导入Kendo UI类型。
按照上的说明，我安装了kendo-ui类型：
npm install --save @types/kendo-ui
我添加了这行
declare var Grid: typeof import("kendo-ui");
添加到我的.tsx文件。
但是，这给出了错误消息
@types/kendo-ui/index.d.ts is not a module
用于"import("kendo-ui")
浏览 5提问于2018-08-30得票数 1
回答已采纳
这里有一个使用Nuxt的基本教程：。我喜欢Nuxt放在适当位置的所有东西，结构等等。
下一步是从这里安装Kendo的东西：
npm install --save @progress/kendo-ui npm install --save @progress/kendo-theme default npm install --save @progress/kendo-dateinputs vue-wrapper
我已经尝试将这些步骤放入index.vue页面
(我从底部删除了样式，只是为了减少代码)
<template>
<section class="contai
浏览 3提问于2018-07-06得票数 1
我使用NPM安装了TinyMCE 5，就像这里描述的文档一样：https://www.tiny.cloud/docs/general-configuration-guide/advanced-install/#npm 并包含了这里描述的所有需要的模块：https://www.tiny.cloud/docs/advanced/usage-with-module-loaders/#commonjsmodules 一切正常，但我一直收到这样的信息： This domain is not registered with Tiny Cloud. Please see the quick start g
浏览 287提问于2020-08-13得票数 1
回答已采纳
我正在尝试下载最新版本的kendo ui，似乎是2012.3.1315。但是，当我单击下一页右上角的下载按钮时：
我转到另一个页面，在那里我点击了开源(GPL)下载。一旦我点击它，我就会得到2012.3.1114版本。GPL下的2012.3.1315在哪里下载？
浏览 6提问于2013-02-02得票数 0
回答已采纳
我刚开始使用Kendo，我使用的是Kendo的开源包。因此，在包中，我无法看到任何包含名称图表的javascript文件。我想展示一些图表。因此，我怀疑kendo的开源包是否支持图表。
无论如何，我已经在页面中添加了Kendo.core.min.js和Kendo.data.min.js，并调用了图表函数。但这是扔错了。
任何指导都是非常有帮助的。
浏览 6提问于2015-05-07得票数 0
回答已采纳
1回答
带骨干路由的剑道
、、、
我知道Kendo能够集成自己来使用Backbone中的数据源。我喜欢它的UI，但是，如果没有它的路由器，我如何使用Kendo UI (特别是Kendo Mobile)，并使用Backbone router作为替代？如果Kendo可以默认使用Backbone路由器，那就太好了。对不起，我的英语不好。谢谢。
浏览 0提问于2013-06-10得票数 1
回答已采纳
我已经使用以下技术建立了一个基本的角2应用程序：angular.io/docs/ts/latest/quickstart.html
我使用以下技术将Kendo添加到我的应用程序中：www.telerik.com/kendo-angular-ui/getting-started (使用Quickstart方法)
Kendo按钮显示并按预期工作。现在，我想使用以下技术添加Kendo用户界面图：www.telerik.com/kendo-angular-ui/components/charts/#installation
这在我的Chrome浏览器(54.0.2840.71m版)的控制台窗口中引起了
浏览 6提问于2016-11-07得票数 0
回答已采纳
当我试图在我的应用程序中加载LayoutModule时，我得到了以下错误：
(SystemJS)不能解析PanelBarComponent的所有参数：(对象对象、对象对象)。
这是我的systemjs.config.js：
(function (global) {
System.config({
baseURL: '.',
paths: {
// paths serve as alias
'npm:': 'node_modules/'
},
// map tells the System loader where
浏览 3提问于2017-03-23得票数 1
回答已采纳
我正在尝试为ASP.NET安装ASP.NET内核的UI。我在这里遵循这些指导原则--
我能够使用Nuget软件包安装Telerik.UI.for.AspNet.Core"：2016.3.914“依赖项。
但是，安装客户端资源(步骤6)有问题，步骤6表示“将js和样式文件夹从telerik.ui.for.aspnetmvc存档复制到www.root\lib\kendo”。然而，它并没有提到我们如何获得这些资源来复制？
1>Should我们下载这些客户端资源作为单独的下载(就像我们对传统的ASP.NET MVC一样)？
我尝试使用2>安装这些资源，但是在安装过程中出现了以下错
浏览 4提问于2016-10-12得票数 0
1回答
我想添加一个使用Kendo UI的编辑器。但是我在node_modules/@progress/kendo-ui/js/editor/plugins/inlineformat.js:422中得到一个错误的TypeError: list is undefined
我使用以下命令安装库：
npm install --save @progress/kendo-editor-react-wrapper
这是我的组件。
import React, { Component } from 'react';
// import PropTypes from 'prop-types
浏览 18提问于2018-02-09得票数 0
回答已采纳
我正在尝试将Angular 2的kendo UI连接到我的应用程序上，但我遇到了一些问题。
这是我的system.config.js：
map: {
// our app is within the app folder
app: 'app',
// angular bundles
'@angular/core': 'npm:@angular/core/bundles/core.umd.js',
'@angular/common': 'npm:@angular/common/b
浏览 1提问于2017-03-10得票数 0
我已经安装了使用npx安装没有问题的反应，但当我试图安装资料-UI它没有正确安装。请看下面的代码
npm install @material-ui/core
npm WARN saveError ENOENT: no such file or directory, open '/Users/alirahman/package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or
浏览 2提问于2019-10-08得票数 0
I已经使用此命令安装了资料-ui核心。
npm i @material-ui/core
但是，在运行reactjs代码之后，它会引发如下错误
Module not found: Can't resolve '@mui/icons-material/Adb'
请帮助我，我如何解决这个错误？
提前感谢
浏览 4提问于2022-08-12得票数 -1
回答已采纳
1回答
我试图在Azure应用程序服务上部署reactjs项目，但是当我启动部署时，我在npm安装部件上得到以下日志错误，而部署失败
我的节点版本是16.13.2
我遵循了以下步骤：
1-运行npm运行构建2-部署到主分支3-启动自动部署到Azure应用服务4-获得错误：
Updating iisnode.yml at C:\home\site\wwwroot\iisnode.yml
Invalid start-up command "react-scripts start" in package.json. Please use the format "node <
浏览 6提问于2022-03-05得票数 0
我在我的应用程序中安装了一个Kendo角网格。我必须将网格版本从当前的1.6.1更新到最新版本。那么，如何通过npm命令卸载Kendo角网格，以便我可以安装最新版本。对于安装，我有如下语法。我想卸载。
npm安装
浏览 0提问于2018-06-18得票数 0
1回答
在用webpack编译我的项目时，webpack编译器为我安装和使用的每个Kendo UI组件抛出以下错误。
WARNING in ./node_modules/@progress/kendo-dropdowns-react-wrapper/dist/es/autocomplete/index.js
(Emitted value instead of an instance of Error) Cannot find source file '../../../src/autocomplete/index.tsx': Error: Can't resolve '
浏览 2提问于2017-12-14得票数 1
回答已采纳
我创建了一个角库作为NPM包发布，并且我已经使它工作起来了。但是，当我尝试在库中使用Kendo作为组件时，我可以发布到NPM，但它不是很有用。在另一个角度应用程序中安装NPM包后，它将无法工作，我不得不使用以下命令手动安装Kendo UI Button：
ng添加@progress/kendo-角按钮
之后，我还尝试在我的库项目中使用该命令，它在我的库文件夹中添加了一个node_modules文件夹。除此之外，它还更新了我的库的package.json。在再次发布并在我的另一个应用程序中重新安装之后，它现在可以工作了！
但是，我的库文件夹中有一个多余的node_modules，我不想这样做
浏览 0提问于2020-02-07得票数 1
回答已采纳
我正在做一个Angular 6项目。我安装了一个用于xlsx和文件保存的插件，在ng构建之后，我开始收到这个错误： ERROR in ./node_modules/@telerik/kendo-intl/dist/es/cldr/territory.js 13:9
Module parse failed: Identifier 'territoryFromName' has already been declared (13:9)
You may need an appropriate loader to handle this file type.
| }
浏览 20提问于2019-01-18得票数 0
当我在我的项目中安装npm时，我得到了下面的错误
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: react-scripts@4.0.1
npm ERR! Found: typescript@4.1.3
npm ERR! node_modules/typesc
浏览 10提问于2022-07-08得票数 1
回答已采纳
我希望如此。剑道格，组合框，树视图..。剑道全包了！
KendoUI Angular2我可以安装所有的组件吗？
npm install --save @progress/kendo-angular-buttons @progress/kendo-angular-l10n @angular/animations @progress/kendo-angular-grid @progress/kendo-angular-dropdowns @progress/kendo-angular-inputs @progress/kendo-angular-dateinputs @progress/kendo
浏览 0提问于2017-09-13得票数 0
回答已采纳
有没有人在剑道图上有同样的问题？我正在尝试安装kendo-angular-chart，我遇到了这个问题： npm install
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/@progress/kendo-charts/-/kendo-charts-1.19.1.tgz
npm ERR! 404
npm ERR! 404 '@progress/kendo-charts@^1.15.0' is not in the npm registry.
npm ERR! 404 Y
浏览 29提问于2021-10-13得票数 0
我已经开始使用Kendo + ASP.NET核心。我遵循了本教程，但是我得到了错误：Uncaught : kendo没有定义。
头
<link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="/css/site.css" />
<link rel="stylesheet" href="/lib/kendo-ui/st
浏览 2提问于2017-07-12得票数 2
回答已采纳
2回答
无法在反应中导入材料UI
、、、
我已经使用npm安装了@material/图标，但是每当我运行导入时
PS:我安装了@material ui/图标
从‘@material ui/图标/Account环状’导入AccountCircleIcon；
我得到以下错误
Failed to compile.
./node_modules/@material-ui/icons/utils/createSvgIcon.js
Module not found: Can't resolve '@material-ui/core/SvgIcon' in '/home/freduah/react-amazon-c
浏览 0提问于2020-10-21得票数 0
我有一个Kendo UI Scheduler，它将时间线显示为视图。我想要做的是更改组资源顺序，但我无法做到这一点。我尝试的是更改组配置选项中资源的顺序，但即使我更改了顺序，UI仍然是相同的。分组顺序似乎是从resources属性开始计算的，而不是从group.resources开始。
下面是取自Kendo UI演示的基本案例：
<!DOCTYPE html>
<html>
<head>
<base href="http://demos.telerik.com/kendo-ui/scheduler/timeline">
浏览 6提问于2017-05-15得票数 0
一年前我试用了一个Kendo移动应用程序。现在我想用最新的Kendo用户界面核心版本来检查它。
我以前的推荐信是
<link href="../styles/kendo.common.min.css" rel="stylesheet" />
<link href="../styles/kendo.default.min.css" rel="stylesheet" />
<link href="../styles/kendo.mobile.all.min.css" rel="st
浏览 1提问于2014-11-13得票数 0
回答已采纳
1回答
我正在开发一个角7网页应用程序，实现角材料控制始终。我现在需要包含一个用于JQuery甘特图的Kendo。似乎有两种方法可以配置这一点：
将js和styles文件夹从Kendo安装目录复制到styles文件夹中，并在index.html文件中引用它们。
npm install --save @progress/kendo-ui和npm install --save @progress/kendo-theme-material.
使用方法1，手动将文件夹复制到wwwroot -- js folder is approximately 77Mb and thestyles`‘文件夹
浏览 2提问于2019-02-02得票数 0
回答已采纳
我们目前正在使用twitter Bootstrap来实现其网格系统、导航和输入样式。在使用Kendo UI时，我们注意到它有一个主题系统。
有没有关于如何使用Kendo UI类的参考资料？
我们设想Kendo类将取代我们的输入和导航标记，但是我们的网格系统呢？Kendo UI有内置的CSS网格系统吗？
浏览 9提问于2013-08-23得票数 7
在向我的app.module.ts文件添加以下行时，我在编译时收到多个错误-“重复标识符'readonly‘错误以及在浏览器-support.service.d.ts中找不到名称'scrollbarWidth'”。如果我在编译后添加以下行，则kendo ui控件将在调试时工作。只有当cs文件更改或进行重新构建时，我才会收到错误。是否需要为kendo ui angular2添加键入文件？
此行出现错误
import { GridModule } from '@progress/kendo-angular-grid';
package.json
{
浏览 2提问于2016-11-03得票数 0
我使用/.Net命令创建了一个新的.Net核心/类型记录项目：
dotnet new aurelia
这个很好用。现在我想使用这个项目的Aurelia桥插件。
奥雷利亚的.Net核心模板使用Webpack，所以我一直在尝试遵循Webpack的安装说明：
我已经完成了以下步骤：
安装了Kendo核心npm软件包：
npm install kendo-ui-core jquery --save
安装了Aurelia Kendo桥：
npm install aurelia-kendoui-bridge --save
在webpack.config.vendor.js文件的入口节点中包含这
浏览 0提问于2017-05-30得票数 1
回答已采纳
我在获取angular2的kendo图表并运行时遇到了问题。
我安装了剑道角图0.8.2
显示的错误消息是：
(index):30 Error: SyntaxError: Unexpected token <(…)
我的app.module.ts：
@NgModule({
declarations: [
AppComponent,
HomeComponent,
AboutComponent,
NavBarComponent,
LoginComponent,
UserToolCompon
浏览 1提问于2016-11-11得票数 0
回答已采纳
1回答
剑道UI和Vue.js
、、、、
大家好，我正在使用Vue.js命令行界面
我正在写这篇文章：关于在一个webpack项目中添加一个Jquery插件。
我安装了expose加载器，并将以下代码行添加到我的webpack.base.conf.js中
{ test: /jquery/, loader: 'expose?$!expose?jQuery!expose?jquery' }
然后，在我的main.js (应用程序的入口点)中，我添加了以下两行代码来引入Jquery库，然后引入Kendo库。
import '../bower_components/jquery/dist/jquery.js'
浏览 2提问于2016-05-20得票数 1
我买了SmartAdmin和KendoUI角。
smartAdmin购买网站>
1)使用"npm安装“安装了SmartAdmin。
2)国家预防机制启动
3)我看了KendoUI GetStarted并跟着看。
npm安装
您已经使用上面的命令成功地安装了"Kendo“。
4)国家预防机制启动
*) package.json
{
"name": "smartadmin",
"version": "0.4.4",
浏览 0提问于2017-09-07得票数 0
回答已采纳
1回答
我一直在使用Django和Kendo UI，以及jQuery来制作网页。到目前为止，我很喜欢可以与这些一起使用的UI。
我查看了Kendo UI网站，发现对ASP.NET和ASP.NET MVC的支持只是一个试用阶段，所以我想知道是否有类似KendoUI和jQuery UI的ASP.NET版本，我是一个初学者，所以我知道的不多。
你能帮帮我吗？
浏览 0提问于2012-07-14得票数 0
在telerik网站上，我找到了这个页面
https://docs.telerik.com/kendo-ui/intro/installation/cdn-service#accessing-the-cdn
其中提到了CDN url。
http://kendo.cdn.telerik.com/2018.2.620/js/kendo.all.min.js
但是，该文件没有React组件Grid和GridCell的定义。
即使这些定义在NPM包@progress/kendo-react-grid中也是如此。
有没有其他的CDN url可以给我提供React的Kendo UI的.js文件？
或者，如
浏览 0提问于2018-08-31得票数 0
我遇到了一个奇怪的问题。我用Kendo构建了一个ASP.net Razor项目。当我第一次构建它时，我直接引用了Kendo.Mvc.dll，一切都很好。但是我需要一个NuGet包引用它。但是，当我切换引用时，它将不再识别Html.Kendo().Grid。我也尝试过将名称空间引用从视图/ web.config移到主web.config，但没有成功。我得到的错误消息是：
编译器错误消息: CS1061：'HtmlHelper‘不包含'Kendo’的定义，也找不到接受'HtmlHelper‘类型的第一个参数的扩展方法'Kendo’(您缺少使用指令还是程序集引用？)
浏览 0提问于2016-11-01得票数 0
回答已采纳
我正在尝试实现Telerik Kendo UI Grid。然而，在输入这个命令: npm view @progress/kendo-angular-grid versions时，我收到了错误信息，如附件截图所示。
浏览 13提问于2018-02-14得票数 0
看来，当我运行npm link时，它将在全球范围内安装该项目，并且它似乎安装了devDependencies。
有没有一种方法可以不使用devDependencies来运行npm链接，也许可以使用--only=production标志呢？
浏览 4提问于2017-06-19得票数 11
回答已采纳
我被要求浏览我们的应用程序并更新所有框架，因为它非常过时，其中一件事是更新babel，现在我们在package.json中的脚本之一是：
"compile": "babel --presets es2015 -d /tests common_scripts/",
但是在网上，我发现babel -预设的es2015应该被@babel/预设-env取代，我试着像这样更新脚本：
"compile": "babel --presets=env -d /tests common_scripts/"
但是，当我现在运行它时，我现在得到的是错误
浏览 8提问于2022-03-29得票数 1
回答已采纳
我是新手，从构建应用程序开始，我在安装依赖项时遇到了一个问题。我想包括像material-ui/core，material-ui/icons，react-reveal，react-scroll和react-slick这样的软件包。
在使用此命令进行安装时：
npm install @material-ui/core @material-ui/icons react-reveal react-scroll react-slick
它显示它们已经安装，而当我开始编写代码时，它没有编译它。
这时我想出了一个错误：
npm警告@typescript-eslint/eslint@1.6.0需要一个对等
浏览 0提问于2019-07-05得票数 18
我正在开发一个带有.net核心web的角度应用程序。
当我克隆这个存储库时，我试图在strange应用程序上运行npm安装，但是我得到了一个奇怪的错误：
npm install
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin"
浏览 3提问于2018-10-31得票数 69
回答已采纳
我正在使用VisualStudio2017开发一个承载在MVC应用程序(.Net 4.6)中的角4.1SPA应用程序。我使用@转角/cli创建了角部分，然后将其合并到现有的MVC应用程序中。它的结构与CandorDeveloper文章()中描述的一样。
这一切都很好，但由于@角质/cli使用Webpack，它是痛苦的缓慢。对Html、类型记录或css的任何更改都需要4分钟左右的构建。我以前有一个应用程序也是一样设置的，但没有使用@角/cli或Webpack。它仍然是一个VisualStudio2017 MVC应用程序(.Net 4.6)，托管了一个角4.1SPA应用程序，但它使用的是Syste
浏览 0提问于2017-05-11得票数 0
回答已采纳
我已经实现了一个使用的角2应用程序
在使用AoT +Rollup部署应用程序时，我被困住了：
错误：“GridModule”不是由GridModule导出的(由app\app.module.js导入)。
从汇总文档中尝试了，但我不知道如何配置namedExports
commonjs({
namedExports: {
'node_modules/@progress/kendo-angular-grid/dist/npm/js/main.js': [ 'GridModule' ]
}
});
使用上述配置并不能解决问题。
编辑:最后，我对网格的工
浏览 8提问于2016-11-04得票数 2
回答已采纳
我去了剑道用户界面网站，并注册了一个免费的30天的测试剑道用户界面的角度。按照的说明，我尝试了npm install --save @progress/kendo-angular-buttons @progress/kendo-angular-l10n @angular/animations，但是没有添加到节点模块文件夹中。
在深入研究之后，我发现了，它提到您必须输入telerik凭据才能访问私有npm注册中心。所以我按照这些指令运行npm login --registry=https://registry.npm.telerik.com/ --scope=@progress。此时，我被提示用
浏览 1提问于2017-10-05得票数 0
回答已采纳
我最近在之前使用Kendo.MVC (2015)的应用程序中安装了Telerik.UI.for.AspNet.Mvc5 (2019.2.619)。但现在我收到一条消息：“无法找到名称空间名称DataSourceRequest的类型。要让DataSourceRequest对象正常工作，我还需要安装什么？”
我需要安装kendo.MVC吗？或者，我如何获得Kendo.mvc.dll？
浏览 0提问于2019-10-28得票数 0
我正在开发一个react typescript应用程序，我尝试从‘@material-ui/ makeStyles / Attempted import error: 'makeStyles' is not exported from '@material-ui/core/styles'.’导入样式，结果得到错误信息，我安装了以下内容： npm install @material-ui/core @material-ui/icons @types/material-ui
浏览 54提问于2021-06-29得票数 9
反应错误：模块未找到:错误:无法解析C中的@material/core：\Users\user\inTech‘22-开发(EDUGEN)\edu-gen\src\components’
命令： npm安装@material ui/core，@-ui/图标
Powershell响应： npm警告配置全局--global、--local被否决。使用--location=global代替。npm错误！ERESOLVE无法解析依赖树npm！npm错误！同时解析: edu-gen@0.1.0 npm错误！发现: react@18.1.0 npm错误！反应@“^18.1.0”从根项目npm错误！npm错
浏览 1提问于2022-06-12得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
