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

Angular 10/11添加ngx-sharebuttons获取“在‘@angular/ɵɵ’中找不到导出‘核心工厂目标’(导入为'i0')”

Angular 10/11添加ngx-sharebuttons获取“在‘@angular/ɵɵ’中找不到导出‘核心工厂目标’(导入为'i0')”这个问题是由于ngx-sharebuttons库与Angular版本不兼容导致的。具体解决方法如下:

  1. 确认ngx-sharebuttons库的版本是否与Angular版本兼容。可以查看ngx-sharebuttons的官方文档或GitHub页面,了解该库支持的Angular版本范围。
  2. 如果ngx-sharebuttons库的版本与Angular版本兼容,可以尝试以下解决方法:
    • 确保已正确安装ngx-sharebuttons库。可以通过npm或yarn等包管理工具进行安装,并在项目的依赖配置文件中添加ngx-sharebuttons的引用。
    • 检查项目中是否已正确导入ngx-sharebuttons模块。在需要使用ngx-sharebuttons的组件中,确保已正确导入ngx-sharebuttons模块,并在NgModule的imports数组中添加该模块。
    • 检查是否存在版本冲突。有时候,项目中同时使用了多个版本的Angular或其他相关库,可能会导致冲突。可以尝试升级或降级ngx-sharebuttons库的版本,或者解决其他库的版本冲突。
  • 如果以上方法仍然无法解决问题,可以尝试以下进一步的调试步骤:
    • 检查项目中是否存在其他与ngx-sharebuttons相关的警告或错误信息。有时候,其他警告或错误信息可能会提供更多的线索。
    • 检查项目的构建配置。确保项目的构建配置文件(如angular.json)中没有任何与ngx-sharebuttons相关的配置错误或冲突。
    • 在搜索引擎或开发者社区中搜索类似的问题。可能有其他开发者已经遇到并解决了类似的问题,可以从他们的经验中获取帮助。

需要注意的是,以上解决方法是一般性的建议,具体解决方法可能因项目配置、环境等因素而有所不同。如果问题仍然存在,建议查阅ngx-sharebuttons的官方文档、GitHub页面或向ngx-sharebuttons的开发者社区寻求帮助。

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

相关·内容

Angular快速学习笔记(2) -- 架构

它将核心功能和可选功能作为一组 TypeScript 库进行实现,你可以把它们导入你的应用。 全新的Angular 是一个用 HTML 和 TypeScript 构建客户端应用的平台与框架。...Angular 本身使用 TypeScript 写成的。它将核心功能和可选功能作为一组 TypeScript 库进行实现,你可以把它们导入你的应用。 1....imports(导入表) —— 那些导出了本模块的组件模板所需的类的其它模块。 providers —— 本模块向全局服务贡献的那些服务的创建器。 这些服务能被本应用的任何部分使用。...模板,指令通常作为属性出现在元素标签上,可能仅仅作为名字出现,也可能作为赋值目标或绑定目标出现。...你可以模块或者组件中注册这些提供商。 - 当你往根模块添加服务提供商时,服务的同一个实例会服务于你应用的所有组件。

5.2K20
  • 【JavaScript数据网格】上海道宁51component你带来企业JS开发人员首选的数据网格——AG Grid

    AG Grid提供了其他网格无法比拟的功能,例如AG Grid的集成图表解决方案 允许用户无需任何开发工作的情况下直观地探索数据。AG Grid将所有功能添加到一个网格。...开发人员欣赏将自定义组件和样式添加到网格的所有钩子和功能。AG Grid是如此灵活,以至于有些公司和开源项目已经构建了产品来网格创建新的主题和新的 GUI 功能,而核心网格功能保持不变。...用户将能够 Excel 编辑数据,然后完成后将数据复制回网格。03、栏目菜单列菜单从列标题下拉。使用默认选项或提供您自己的选项。04、上下文菜单右键单击单元格时会出现上下文菜单。...05、Excel导出以本机Excel格式导出,该格式将保持列宽并允许导出样式。例如,您可以为网格的单元格着色,并在 Excel 导出等效的单元格着色。...10、设置过滤器Set Filter的工作方式与Excel类似,提供复选框以从集合中选择值。11、工具面板工具面板允许用户操作列列表,例如显示和隐藏,或拖动列进行分组或旋转。

    4.3K40

    Angular 13 发布:全面弃用 View Engine

    此版本核心更新包括不再支持旧编译和渲染引擎 View Engine,全面支持新编译和渲染引擎 lvy,以及不再支持 IE11,除此之外还有包括对 APF 以及 Angular CLI 等方面的更新和修改...,Angular 最近的版本中一直支持它。...Angular CLI 的改进 Angular 13 项目中默认使用持久构建缓存,要启用此功能,可以 angular.json 添加如下配置: { "$schema": "......Angular 组件更新 所有基于 MDC 的组件都经过评估,在对比度、触摸目标、ARIA 等方面满足更高的 a11y 标准。...元素; AngularJS 可以克隆和重复 HTML 元素; AngularJS 可以隐藏和显示 HTML 元素; AngularJS 可以 HTML 元素”背后”添加代码; AngularJS 支持输入验证

    2.8K20

    Angular--Module的使用

    Angular 是一个用html 和typescript 构建客户端应用的平台与框架。 它将核心功能和可选功能作为一组TypeScript 库进行实现,你可以把它们导入到你的应用。 1....一个Angular应用至少有一个用于启动的根模块(root module), 根模块通常命名为AppModule,并位于一个名叫 app.module.ts 的文件。...imports(导入表) —— 其他模块,本NgModule声明的组件需要使用它们的导出类。 providers —— 本模块向全局服务贡献的那些服务的创建器。 这些服务能被本应用的任何部分使用。...(你也可以组件级别指定服务提供商,这通常是首选方式。) bootstrap —— 应用的主视图,称为根组件。它是应用中所有其它视图的宿主。只有根模块才应该设置这个 bootstrap 属性。...NgModule 还能把一些服务提供商添加到应用的依赖注入器(provider)。

    4.9K40

    Angular Title Service 详解

    Title Service 提供了以下方法: setTitle() getTitle() 首先要使用 Title 服务,我们需要从 @angular/platform-browser 库导入 Title...而实际的开发过程,我们会在定义路由时,需要设置标题的路由,定义一个 data 属性,然后设置该属性对应的属性值一个包含 title 属性的对象,比如: const routes: Routes =....x 版本,但核心的思想是一致的,大家只需根据当前使用的 Angular 版本进行相应的代码更新。...constructor(@Inject(DOCUMENT) private _doc: any) {} } 通过观察 Injectable 装饰器的 Meta 元信息,我们知道 Meta 服务将被注册根级注入器...,当首次获取 Title 服务时,将使用 createTitle() 工厂方法创建对应的实例。

    2.1K10

    Angular 接入 NGRX 状态管理

    ng new angular-ngrx --standalone=false 安装 NGRX 核心模块: @ngrx/store:状态管理核心模块,包含了状态存储、Actions、Reducers、Selectors..."schematicCollections": ["@ngrx/schematics"] } } 创建存储 State 的 Store: 选项介绍: 选项 作用 --root 目标模块根模块时设置..., (state: State) => state.name ); 进入模拟场景: 模拟这样一个场景:组件加载完成后首先执行添加 User 的 Action, 5 秒之后执行删除 User 的...安装 effects 核心模块: npm install @ngrx/effects --save 创建 User 的副作用: 选项介绍 : 选项 作用 --root 目标模块根模块时设置 --module...todo.reducer.ts 文件中体现,下面是接入实体的核心部分,更多的适配器操作可以看文件默认生成的模板代码: // 1.

    22810

    Angular性能优化实践——巧用第三方组件和懒加载技术

    为了帮助开发者深入理解和使用Angular,本文将以我司客户中最为典型的业务场景——在线表格编辑例,演示如何借助懒加载技术,基于 Angular的框架实现在线导入导出Excel以及数据在线填报的功能...配置SpreadJS CS Angular应用程序中使用 SpreadJS 使用Angular CLI构建和运行项目 完成上述环境搭建,便可将表格编辑器组件集成到 Angular 项目中,实现在线导入导出...懒加载模块的路由模块添加一个指向该组件的路由。本次的demo存在两个懒加载的模块。 ? ? 2. 建立导航UI 虽然可以直接在地址栏直接输入URL,但是有导航UI会更好用。...导入与路由配置 CLI会将每个特性模块自动添加到应用级的路由映射表,最后通过添加默认路由来最终完成。 ? 4. 特性模块内部 ?...设置path空,因为AppRoutingModule 的路径已经设置了,LazyWebExcelRoutingModule的此路由已经位于lazywebexcel这个上下文中。

    4.1K20

    AngularDart4.0 英雄之旅-教程-07路由 顶

    从升级后的HeroesComponent providers列表删除HeroService。 AppComponent添加支持导入语句。...Angular注入HeroService,您可以DashboardComponent中使用它。 获取英雄 dashboard_component.dart添加以下导入语句。...构造函数中注入HeroService,并将其保存在一个专用的_heroService字段。 调用服务来获取Angular ngOnInit()生命周期钩子的英雄。...参数化的路由 您可以将英雄的id添加到路由路径。 当路由到英雄的id11,你可以期望看到这样的路径: /detail/11 / detail /部分是不变的。 尾随的数字id英雄与英雄间变换。...该列表包含两个元素:目标路由的名称和设置当前英雄id值的路由参数。

    17.5K30

    Angular Library 快速入门

    文件添加 sf-lib 项目; package.json 文件添加 ng-packagr 依赖; tsconfig.json 文件添加 sf-lib 库的引用; 项目中的 projects...: $ ng build --prod sf-lib 小伙伴们,构建 Library 时,记得始终添加 —prod 标志。...应用中使用 sf-lib 库 import { SfLibModule } from "sf-lib"; 以上代码能正常导入 Library,是因为 Angular CLI 会优先从 tsconfig.json...完成新建 ButtonComponent 组件的导出工作后,我们需要使用下列命令,重新构建 sf-lib 库: $ ng build --prod sf-lib sf-lib 重新构建成功后,我们就可以模板中使用刚创建的...,这时我们就需要在 SfLibModule 模块中导入 HttpClientModule 模块,且 DataService 注入 HttpClient 服务: import { Injectable

    2.4K10

    【译】.NET Core 3.0 Preview 3关于ASP.NET Core的更新内容

    Razor组件HTML是完全呈现的。 Razor类库的Razor组件 现在可以将Razor组件添加到Razor类库,并使用Razor组件从ASP.NET核心项目引用它们。...运行时验证 对运行时编译的支持已从.NET Core 3.0的ASP.NET核心共享框架删除,但现在可以通过向应用程序添加包的方式来启用它。...SPA身份认证 这个版本,Angular和React模板引入了对身份验证的支持。...Angular模块所构建的身份验证和授权支持,可以导入到您的应用程序,并提供一套组件和服务来增强主应用程序模块的功能。...注册新用户后,我们将被重定向回应用程序,在那里我们可以看到我们成功地通过了身份验证。 ? 调用经过身份验证的API 如果我们点击获取数据,我们可以看到天气预报数据列表 ?

    22.6K10

    Angular的12个经典问题,看看你能答对几个?(文末附带Angular测试)

    Angular 2的路由工作原理是什么? 路由是能够让用户视图/组件之间导航的机制。Angular 2简化了路由,并提供了模块级(延迟加载)下配置和定义的灵活性。 ...要在Visual Studio代码设置codelyzer,我们可以文件 - >选项 - >用户设置添加tslint规则的路径。...启用延迟加载的Plunkr示例:  我们不需要在根模块中导入或声明延迟加载模块。 将路由添加到顶层路由(app.routing.ts)并设置loadChildren。...loadChildren会从根文件夹获取绝对路径。RouterModule.forRoot()会获取routes数组并配置路由器。 子模块中导入模块特定路由。...然后,导出const路由:ModuleWithProviders = RouterModule.forChild(routes); 7.  Angular 2应用,我们应该注意哪些安全威胁?

    17.3K80

    前端必读3.0:如何在 Angular 中使用SpreadJS实现导入导出 Excel 文件

    之前的文章,我们大家分别详细介绍了JavaScript、React中使用SpreadJS导入导出Excel文件的方法,作为带给广大前端开发者的“三部曲”,本文我们将为大家介绍该问题在Angular...,我们需要确保它与 NPM 一起安装: npm install -g @angular/cli 由于我们将使用 SpreadJS 的 Excel 导入导出功能,因此我们需要 ExcelIO 组件。...让我们 app.component.html 添加以下代码: Open Excel File <input type=...这个 JSON 数据可以被 SpreadJS 直接理解,所以我们将在 onFileChange() 函数 change 事件编写导入代码,如下所示: onFileChange(args: any).../node_modules/file-saver/FileSaver.js"]** 导入组件 import {saveAs} from 'file-saver'; 现在已经可以 Angular 中使用

    1.8K20

    Angular v8 发布!来看看有什么新功能

    这并非是他们大发善心,而是因为 Google 有 600 多个以 Angular 基础的应用程序 —— 尽管是谣传,但实际数字要高得多。 Angular 8 Ivy 的预览版现在可供测试。...目标每个 Web worker 提供一个 bundle 包。此任务由新的 Angular CLI 完成。...dead 5IE 9-11 如下图所示,browserslist 指向 ECMAScript 5 浏览器,条目 IE 9-11。...为了使不同的浏览器可以决定要加载哪个版本的 bundle 包,他们 index.html 添加接受 script 的引用:指向 ECMAScript 5 包的那些引用会添加 nomodule。...实现这一目标Angular 团队扩展了Angular Location 服务的可能性,从而为 AngularJS 的 $location 提供了替代。

    3K30

    资讯 | 腾讯发布年中财报;吴恩达三大项目

    最近的采访,吴恩达透露,他的目标是创建一个以人工智能为基础的社会。设立在线课程是实现目标的第一步,提供资金和其他资源则为第二步。...JavaScript 机器学习库 DeepLearn.js 作为 Google 开源的可实现硬件加速的机器学习 JavaScript 库,DeepLearn.js 提供高效的机器学习构建模块,使我们能够浏览器训练神经网络或在推断模式运行预训练模型... 3.0 版本,Next.js 引入了静态导出功能,可以将 Next.js 应用导出静态界面;同时添加了动态导入的支持,允许动态导入外部依赖,动态导入 React 组件等操作。...新版本 Node.js 带来了极大的性能提升,除此之外新版本还修复了 8.x 系列存在的部分错误。...震区通讯设施遭到了严重破坏,当地与外界之前的联络也被迫中断。华为终端手机产品线总裁何刚表示华为本次救灾还启用了高科技的无人机基站。相比应急通讯车,无人机基站的优势非常明显。

    66120

    angular基础面试题_java web面试题

    angular用管道转换数据 Angular 典型的数据转换提供了内置的管道,包括国际化的转换(i18n),它使用本地化信息来格式化数据。...@NgModule({ imports: [ BrowserModule ],导入表) —— 那些导出了本模块的组件模板所需的类的其它模块 providers: [ Logger...}) Angular 中有三种类型的指令: 组件 — 拥有模板的指令 结构型指令 — 通过添加和移除 DOM 元素改变 DOM 布局的指令 属性型指令 — 改变元素、组件或其它指令的外观和行为的指令...,ngDoCheck之后 ngAfterContentChecked:每当 Angular 检查完被投影到组件或指令的内容之后调用,ngAfter...之后调用 ngAfterViewInit:当...灵活的路由,具备延迟加载功能 更容易学习 angular1是全局监听,变量越多性能越差,angular2采用模块化监听,提升了性能 Angular 2应用,我们应该注意哪些安全威胁?

    13K50

    Angular系列教程-第五节

    imports —— 导入 BrowserModule 以获取浏览器特有的服务,比如 DOM 渲染、无害化处理和位置(location)。 providers —— 各种服务提供商。...当你创建更多组件时,也要把它们添加到 declarations 。 每个组件都应该(且只能)声明(declare)一个 NgModule 类。...这些可声明的类在当前模块是可见的,但是对其它模块的组件是不可见的 —— 除非把它们从当前模块导出, 并让对方模块导入本模块。...依赖注入 Angular ,要把一个类定义服务,就要用 @Injectable() 装饰器来提供元数据,以便让 Angular 可以把它作为依赖注入到组件。...angular.json 工作区的所有项目指定 CLI 的默认配置,包括 CLI 要用到的构建、启动开发服务器和测试工具的配置项。

    2.9K20

    Angular 11正式发布:加入webpack 5,升级至TS 4.0,不再支持IE 9 和10

    此版本中将不再支持 TypeScript 3.9,开发者需要升级至 TypeScript 4.0; Angular 10 ,已经弃用 IE 9、10 和 IE mobile 支持,此次 v11 版本中将完全删除...它为开发人员提供了一种测试过程中使用受支持的 API 与 Angular Material 组件交互的方法。 随着版本 11 的发布,我们所有组件都加上了测试带!...我们一直密切合作,确保 Angular 开发人员顺利过渡到受支持的 linting 栈。 我们版本 11 弃用了 TSLint 和 Codelyzer。...Linting 本版更新,我们移除了对 IE9/IE10 和 IE mobile 的支持。...IE11Angular 还在支持的唯一 IE 版本。我们还移除了一些已弃用的 API,并在弃用列表添加了一些项目。

    3.3K30

    纯前端控件集 WijmoJS 2018V2发布,React、Vue和Angular更易用

    或者,还可以VSCode的扩展管理器搜索“wijmo”并从那里安装。 安装后重新加载VSCode。 然后打开一个使用WijmoJS 控件的Angular应用程序并尝试启动设计器。...WijmoJS 本次更新Vue V2支持增加了很多不错的功能。比如,WijmoJS 子组件现在可以动态场景中正确工作,例如v-for和v-if指令。...这将在互操作的未来版本得到解决。目前最大的挑战是 WijmoJS 允许通过CSS对其控件的部件进行深度定制,而Shadow DOM的目标是防止它。...随着新版本上线,WijmoJS 添加了Web Components In Angular示例,演示了如何在Angular应用程序中使用 WijmoJS Web组件。...ESM模块格式(ES6导入/导出语句) wijmo-es2015-commonjs-min - 采用CommonJS模块格式 以上就是Wijmo 2018V2版本的全部内容,获取更详细的资料,请访问

    7K20
    领券