首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

目标入口点"@pebula/ngrid“缺少依赖项:@angular/cdk-experimental/scrolling

目标入口点"@pebula/ngrid"缺少依赖项:@angular/cdk-experimental/scrolling。

这个错误提示表明在使用"@pebula/ngrid"时,缺少了"@angular/cdk-experimental/scrolling"这个依赖项。为了解决这个问题,可以按照以下步骤进行操作:

  1. 确保你的项目中已经安装了"@angular/cdk-experimental"这个包。如果没有安装,可以通过运行以下命令来安装它:
代码语言:txt
复制
npm install @angular/cdk-experimental
  1. 如果已经安装了"@angular/cdk-experimental",但是仍然出现缺少依赖项的错误,可能是因为你的版本不兼容。尝试更新"@angular/cdk-experimental"到最新版本:
代码语言:txt
复制
npm update @angular/cdk-experimental
  1. 如果更新依赖项后仍然出现错误,可能是因为"@pebula/ngrid"与"@angular/cdk-experimental"的版本不兼容。你可以尝试查看"@pebula/ngrid"的文档或者发布说明,查找与"@angular/cdk-experimental"兼容的版本。
  2. 如果以上步骤都没有解决问题,可以尝试在"@pebula/ngrid"的GitHub仓库或者官方论坛中寻求帮助。开发者社区通常会提供解决类似问题的建议或者修复。

关于"@pebula/ngrid"的更多信息,可以参考腾讯云的相关产品和介绍链接:

  • 腾讯云产品名称:云原生数据库 TDSQL-C
  • 产品介绍链接地址:https://cloud.tencent.com/product/tdsqlc

请注意,以上答案仅供参考,具体解决方法可能因实际情况而异。在解决问题时,建议参考官方文档、开发者社区或者寻求专业人士的帮助。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Angular 6正式版发布,都有哪些新功能

官方升级手册链接如下: https://update.angular.io/ ng update可以帮助你使用正确版本的依赖包,让你的依赖包与你的应用程序同步,使用 schematics 时,第三方还能提供脚本更新...学习更多关于如何使用ng update , 开始学习如何创建您自己的 ng update 语法,可以参考 rxjs 的 package.json 的入口,它关联了 collection.json。...ng add 另一新的 CLI 命令ng add 将使你的项目更容易添加新功能。...每个 CLI 工作区都有项目,每个项目都有目标,每个目标都可以有配置。...更多的配置可以参考下面的链接: https://github.com/angular/angular-cli/wiki/angular-workspace 库支持 接下来介绍 CLI 最重要的一功能

4.2K20

Blazor 中的路由和路由模板

过去的 ASP.NET Web 窗体和现代 Web 明显区别在于 Web 服务器入口是否存在路由组件。在 Web 窗体中,绝大多数 Web 终结点都是物理文件资源,直接通过其页面路径调用。...最后一也非常重要,路由器在浏览器历史记录中记录任何它负责的位置更改,因此后退和前进按钮可以按用户的期望工作。...内置的 Blazor NavLink 组件可以用于任何需要定位元素的地方,尤其是在菜单中。...若要通过 Blazor 页面中的代码进行导航,应首先为 IUriHelper 抽象类型注入已配置的依赖。...路由谜题的另一个重要缺失部分:完全自定义决定目标 URL 的路由器逻辑的功能。此功能有助于开发人员控制无效链接请求。虽然 Blazor 路由器还远未完成,但仍在继续向成熟的传送框架发展。

8.4K21
  • 【Hybrid开发高级系列】WebPack模块化专题

    基于以上的思考,WebPack项目有如下几个目标:     • 将依赖树拆分,保证按需加载     • 保证初始加载的速度     • 所有静态资源可以被模块化     • 可以整合第三方的库和模块     ...Angular自己有自己独特的依赖注入以及模块声明方式,看起来似乎和Webpack是水火不容的,但事实上他们完全可以融合。...        dllAngularReferencePlugin     ] } module: {     //加载器配置     loaders: [       {         // 此loader配置目标是...https://segmentfault.com/a/1190000006863968  */ {      test:require.resolve('jquery'),  // 此loader配置目标是.../53096632 使用webpack组织Angular1.x http://www.jianshu.com/p/ca4ba492f868 gulp+webpack+angular1的一小经验(第二部分

    36050

    Angular学习(01)-架构概览

    声明 本系列文章内容梳理自以下来源: Angular 官方中文版教程 官方的教程,其实已经很详细且易懂,这里再次梳理的目的在于复习和巩固相关知识,刚开始接触学习 Angular 的还是建议以官网为主。...其实,如果前端网站并不是特别复杂,那么使用 Angular 无非也就是常跟几个重要的知识打交道,在官网的核心知识的第一节中就将这些知识罗列出来了,也就是:架构概览。 ?...当然,模块之间可以有交互,模块可以依赖于另一模块,模块内的可以共享资源等等,所以,NgModel 中有许多需要配置的声明,比如: declarations:声明属于本模块内的组件、指令、管道 providers...bootstrap:只有根模块才需要配置,用来设置应用主视图,Angular 应用启动后,这里就是入口,类似于 Android 中的入口 Activity 还有其他一些可选配置,比如应用主题,或者动态的组件声明等等...但在 Angular 中,你可以借助它依赖注入的机制,来让 Angular 帮你去做这些依赖的对象的实例管理的事,如果需要一个全局的单例服务,那么可以将该服务声明成 root 即全局可用;如果需要一个模块内的单例

    3.6K50

    2020年,Vue.js会接管React吗?

    Vue.js是由谷歌前员工尤雨溪创建的,他的目标是开发一个可以将现有框架中的最佳特性集成在一起的框架。...同时,Vue.js更高级,并且具有较低的入口,因为它不需要深入理解js核心来执行。 React和Vue.js都适用于中小型项目。 流行性 React一直是JavaScript框架中受欢迎的领头羊。...根据节点包管理器(npm)的报告,React凭借48718个依赖项数量高居榜首,而Vue.js是第二流行的JavaScript框架,21575个依赖项数量是React的一半。...尽管看2018年底的统计数据会发现Vue的依赖增长了2倍,而React的依赖增加了一倍。 下载的数量也显示了React越来越受欢迎,而Vue几乎没有改变。 ?...用例 当为一个项目选择一技术时,知道这项技术应用在哪也是至关重要的。

    1.4K30

    Angular 1 vs. Angular 2 深度比较

    : 不清楚哪些监视器会运行,什么顺序,多少次 模型更新顺序难以推论和预期 摘要循环多次运行导致时间消耗 Angular 团队制定 Angular 2 开发方向时,其中一是提取 Angular...我会尽量在这里总结 Angular 2 更快的两个主要原因: 更为快速的检测一个单向绑定 它提供了一检测单向绑定的机制,这项机制可以允许 Javascript 虚拟机对于代码到源代码的实时编译进行优化和完善...目标: 提升模块化 在 Angular 1 中,Angular 的模块几乎都依赖于注入容器以及其他相关功能。...目标: 改进依赖注入 在Angular 1 的世界里,依赖注入在构建多模块应用时是一技术的飞跃, 但是在一些极端的案例中,如果不做出一些重要的变化是不能解决这些问题的。...目标: 迁移到 Angular 2 Angular 2 的目标之一是为 Angualr 1 提供一个清晰的迁移路径。

    2.8K100

    【进阶系列】Webpack基础整理专题

    基于以上的思考,WebPack项目有如下几个目标:     • 将依赖树拆分,保证按需加载     • 保证初始加载的速度     • 所有静态资源可以被模块化     • 可以整合第三方的库和模块     ...、对于img标签中引用的相对路径的图片,改用angular参数绑定的形式引用; 1.3.2 js文件整改     1、将angular、swiper等node.js管理的第三方类库采用require方式引用...文件中,首先要引入html打包插件,然后进行html与js文件的配置: var HtmlWebpackPlugin = require('html-webpack-plugin');         在入口文件...entry中如下配置,其中涉及子模块js逻辑写在另一个js文件的需要采用[]包含路径,: //页面入口文件配置 entry: {     home : '..../m/js/account/login.js'],    }, 在plugins一中做如下配置:     //Fund模块打包 new HtmlWebpackPlugin(     {

    17220

    Vue.js 2 入门与提高(一)

    尽管Vue.js缺少令人眼前一亮的独创性前端开发理念,但它集中实现了最近几年前端领域技术 大跃进的诸多新理念、新技术。...** 1.Hello Vue.js 2 ** 和其他现代前端框架一样,Vue.js也是以__JavaScrip__作为应用的入口,HTML只是提供一个渲染 的锚 —— 这便利于Vue.js 2迁移到浏览器之外的其他平台...el用来声明目标渲染锚,例如: Vue({ template: 'Hello,Vue.js 2!...** 3.使用HTML模板 ** 在创建Vue实例时,如果声明了el配置,那么你也可以省略template 选项。这时候,Vue.js将提取锚元素的HTML内容,做为模板。 ?...Vue.js内部实现了响应式计算框架,我们在创建Vue实例时,在data配置中声明的数据, 会被自动转换为__响应式__数据源,当我们修改这部分数据时,依赖于这部分数据的 计算过程 —— 例如界面渲染过程

    1.9K20

    无需框架,就能实现微前端,理解起来通俗易懂

    另一种情况是,如果你正在处理一个包含多个团队的大型项目,那么协作将成为一任务。当代码库很大时,组件和页面需要连接起来,因为有时您的工作与其他团队成员的工作重叠。...根据我们的要求,我们可以用相当多的方式来做到这一。让我们来看看下面的一些想法: 功能 这是最常用的划分,我们将在这里划分应用程序的特性或模块。...以下是一些我们可以实现这一目标的方法: Webpack module federation NGINX iFrames Web components H-include library Single SPA...下面是实现Angular应用入口文件的代码片段: import {platformBrowserDynamic} from '@angular/platform-browser-dynamic'; import...eev事件总线是一个小而快速的零依赖事件发射器,它可以帮助我们在React和Angular应用之间交换信息。要了解更多关于这个发射器,请点击这里。

    2K20

    Blazor VS React Angular Vue.js

    Blazor是一新的Microsoft技术,允许开发人员使用C#为浏览器编写代码, 本文将Blazor与其他三个常见SPA框架进行了比较:React,Angular和Vue.js, JavaScript...本文询问开发人员是否需要依赖JavaScript,以及我们是否可以开始使用C#构建SPA应用程序。 ? 什么是Blazor?...是基于堆栈的虚拟机的二进制指令格式, Wasm被设计为可移植目标,用于编译高级语言(如C / C ++ / Rust),从而可以在Web上为客户端和服务器应用程序进行部署。...Blazor尚未像React那样成熟,但是Microsoft会在该框架上建立基础,然后在SPA领域流行,客户端调试是缺少的主要功能,后边应该会支持。...和React的许多比较也适用于Vue.js。

    5.4K10

    Webpack Loader

    而负责抹平这种差异的,就是Loader Webpack: 无论引入了个什么东西,都给我转成JS Module,不然就胡闹(报错) Loaders: 好 配置结构 Entry 依赖图的入口 entry:.../src/index.js' // 或者多入口的形式 entry: { main: '..../build') } Loaders 依赖处理器,拦截依赖并进行预处理 比如这个场景: // index.js file import helpers from '/helpers/main.js';...Loader是用来转换依赖资源的函数,这个函数能够通过Loader API拿到bundle过程中的一些上下文信息(比如目标原始资源内容或前一个loader的输出、loader配置等),以及调用Webpack...-template-loader:加载并编译Angular组件 P.S.更多第三方loader,见awesome-webpack 参考资料 Writing a Loader Introduction to

    1.1K30

    Vuejs和其他前端框架的对比

    当新一被加进去这个JavaScript对象时,一个函数会计算新旧Virtual DOM之间的差异并反应在真实的DOM上。计算差异的算法是高性能框架的秘密所在,React和Vue在实现上有点不同。...由于CRA有很多选项,使用起来会稍微麻烦一。这个工具会逼迫你使用Webpack和Babel。而vue-cli则有模板列表可选,能按需创造不同模板,使用起来更灵活一。...当然,Angular 本身的复杂度是因为它的设计目标就是只针对大型的复杂应用;但不可否认的是,这也使得它对于经验不甚丰富的开发者相当的不友好。...这一Vue只有v-model和第三方库。对于后台之类的重表单应用,还是Ng2有优势。 依赖注入无论你喜不喜欢DI,这就是Angular2的强大功能之一。...这一Angular2有原生的service injection pattern。而Vue则没有官方推荐。 对标准向后兼容Angular2在一些细节上对标准有更好的支持。

    3.8K110

    【JS】547- 200行JS代码,带你实现代码编译器(人人都能学会)

    ❞ 这里更强调了编译器的作用:「将原始程序作为输入,翻译产生目标语言的等价程序」。..._context.push(expression); }, } }); return newAst; } 重要一,这里通过 _context 引用来「维护新旧 AST...「确定入口」 从配置的 entry 入口,开始解析文件构建 AST 语法树,找出依赖,递归下去。...「编译模块」 递归中根据「文件类型」和 「loader 配置」,调用所有配置的 loader 对文件进行转换,再找出该模块依赖的模块,再递归本步骤直到所有入口依赖的文件都经过了本步骤的处理。...4.2 代码实现 手写 Webpack 需要实现以下三个核心方法: createAssets : 收集和处理文件的代码; createGraph :根据入口文件,返回所有文件依赖图; bundle :

    2.6K40

    如何快速分析大型系统架构?

    嗯,从一个入口,一步步查看调用关系等。 之所以,我们还不能用 IDE 进行分析的一个原因是:对于这样的一个系统来说,IDE 是一个庞大的吃内存怪物。...模块分析 接着,我尝试了另外一种可能性,打开其中的某一个工程查看源码,但是很快地我发现了:缺少依赖。因为总体的构建失败,导致了总工程的一些依赖无法构建成功。 ?...这样一来,我就能从发布包中复制依赖到工程中使用,然后愉快地继续阅读代码了 —— 顺便地也能从依赖分析项目的情况。...只是呢,我已经用 Coca 来自动化绘制这个依赖关系了。哈哈 6. 用户旅程验证 我们阅读代码时,都是从入口开始验证。...如基于 Spring 的微服务项目,都是从 API 注解作为入口,一步步分析这个系统的架构;如 Angular 开发的前端应用,是从 main.ts 开始的。

    51510

    干货 | 关于前端构建大型知识应用,你知道多少?

    Angular 相对 React 和 Vue,最初的设计是针对大型应用来进行的。要是你认识 JAVA 的话,像依赖注入这一套你会觉得很熟悉。...当然到了 v2.0 以上的版本由于加入了很多的语法糖,看起来 AngularJS 和 Angular 相差很远,但是最核心的依赖注入模式还是相似的。...很多人说 Angular 难上手,其实主要在于开始的项目搭建、以及 Angular 独有的一套设计方案的理解。但是依赖注入的设计方式,我们几乎不用考虑很多数据和状态管理的问题。...有些人喜欢捣鼓新东西,个人的体验是,我们尽量在对这些新技术有较好地把握之后,再尝试一加入我们的项目里。...1.2目代码结构 个人认为,好的项目代码结构会大大提升项目的维护性。同时我们可以提供友好的说明,以便其他成员理解项目和快速定位。

    1.1K10

    vue.js与其他前端框架的对比

    当新一被加进去这个JavaScript对象时,一个函数会计算新旧Virtual DOM之间的差异并反应在真实的DOM上。计算差异的算法是高性能框架的秘密所在,React和Vue在实现上有点不同。...由于CRA有很多选项,使用起来会稍微麻烦一。这个工具会逼迫你使用Webpack和Babel。而vue-cli则有模板列表可选,能按需创造不同模板,使用起来更灵活一。...当然,Angular 本身的复杂度是因为它的设计目标就是只针对大型的复杂应用;但不可否认的是,这也使得它对于经验不甚丰富的开发者相当的不友好。...这一Vue只有v-model和第三方库。对于后台之类的重表单应用,还是Ng2有优势。 依赖注入无论你喜不喜欢DI,这就是Angular2的强大功能之一。...这一Angular2有原生的service injection pattern。而Vue则没有官方推荐。 对标准向后兼容Angular2在一些细节上对标准有更好的支持。

    4.1K80

    Angular2:从AngularJS 1.x 中学到的经验

    在《迈向Angular2》一书第5 章会进一步学习依赖注入API。 服务端渲染 Web 需求越大,web 应用就变得越复杂。...所以,Angular 2 采用了单向数据流设计,优点如下: 更明确的数据流。 不同的数据绑定之间没有依赖关系,所以digest 没有存活时间(TTL)的概念。...数据流的改变为AugularJS 1.x 基础构架带来了又一根本性的变革。 当需要维护一个用JavaScript 编写的庞大的代码库时,我们可能要换一个角度来看数据流的问题。...同时,在缺少编译器的情况下,很容易出现错别字,在跑测试用例或者真正运行应用之前很难发现这些错误。 ?...当然,这也是Web Component 背后的主要目标之一。前面我们已经提到过Angular 2是怎么使用这一新技术的以及为什么要使用它的原因。

    2.7K10

    【图文详解】200行JS代码,带你实现代码编译器(人人都能学会)

    的 AOT 编译模式开发流程如下: 使用 TypeScript 开发 Angular 应用 运行 ngc 编译应用程序 使用 Angular Compiler 编译模板,一般输出 TypeScript..._context.push(expression); }, } }); return newAst; } 重要一,这里通过 _context 引用来维护新旧 AST 对象,...确定入口 从配置的 entry 入口,开始解析文件构建 AST 语法树,找出依赖,递归下去。...编译模块 递归中根据文件类型和 loader 配置,调用所有配置的 loader 对文件进行转换,再找出该模块依赖的模块,再递归本步骤直到所有入口依赖的文件都经过了本步骤的处理。...[Webpack 构建流程.png] 4.2 代码实现 手写 Webpack 需要实现以下三个核心方法: createAssets : 收集和处理文件的代码; createGraph :根据入口文件,返回所有文件依赖

    3.1K00
    领券