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

NullInjectorError:使用Angular材质9.1的angular 9应用程序的IE 11中没有function DomSharedStylesHost(_doc)提供程序

NullInjectorError是Angular框架中的一个错误类型,表示依赖注入容器无法解析所需的依赖项。在这个特定的错误消息中,它指出在使用Angular材质9.1的Angular 9应用程序中,IE 11中缺少了DomSharedStylesHost提供程序。

DomSharedStylesHost是Angular框架中的一个服务,用于管理应用程序中的样式。它负责将组件的样式应用到DOM中,并确保样式的隔离性和正确性。

在Angular 9中,引入了一些新的特性和改进,包括对IE 11的支持。然而,由于IE 11的一些限制和不支持的特性,可能会导致一些兼容性问题。

解决这个错误的方法是确保在使用Angular材质9.1的Angular 9应用程序中正确配置了DomSharedStylesHost提供程序。可以通过以下步骤来解决:

  1. 确保已正确安装和配置Angular材质9.1。可以参考Angular材质官方文档(https://material.angular.io/)来了解安装和配置的详细步骤。
  2. 检查应用程序的polyfills.ts文件,确保已启用IE 11的支持。可以在polyfills.ts文件中添加以下代码:
代码语言:txt
复制
import 'classlist.js';  // IE 11支持的polyfill
import 'web-animations-js';  // IE 11支持的polyfill
  1. 确保在应用程序的NgModule中正确导入和提供DomSharedStylesHost服务。可以在NgModule的providers数组中添加以下代码:
代码语言:txt
复制
import { DomSharedStylesHost } from '@angular/platform-browser';
// ...

@NgModule({
  // ...
  providers: [
    DomSharedStylesHost,
    // ...
  ],
  // ...
})
export class AppModule { }
  1. 如果仍然存在问题,可以尝试更新Angular材质版本或查看相关的错误报告和解决方案。可以参考Angular材质的GitHub仓库(https://github.com/angular/components)或官方论坛(https://stackoverflow.com/questions/tagged/angular-material)来获取更多信息和帮助。

总结起来,NullInjectorError:使用Angular材质9.1的angular 9应用程序的IE 11中没有DomSharedStylesHost提供程序的错误是由于缺少DomSharedStylesHost提供程序导致的。通过正确配置和提供DomSharedStylesHost服务,可以解决这个错误。

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

相关·内容

Angular 11 正式发布,放弃对IE 9、10支持!

2、Angular 11.0.0 放弃了对 IE 9 、10 和IE移动版支持。IE11是目前唯一一个仍由Angular支持IE版本。...(2) 字体自动内联(Automatic Inlining of Fonts) 在编译期间,Angular CLI 将自动下载字体,并关联到相关应用中,使得应用程序更快速。...(3) 组件测试套件 (Component Test Harnesses) 在 Angular v9 中,增加了开发人员可在测试期间使用支持 API 与 Angular Material 组件交互方法...(6) 更新热模块替换(HMR)支持(Updated Hot Module Replacement (HMR) Support) 在 Angular 11 中,允许在启动应用程序时启动HMR,用以下命令就可以执行...: $ ng serve --hmr 在开发过程中,对组件、模板和样式最新更改也将立即更新到正在运行应用程序中。

1.9K20

Angular8稳定版修改概述

”:true} 您也可以使用新引擎创建新应用程序 ng new my-app --enable-ivy Ivy将提供以下优势,Angular 9中预计前3个功能: 编译速度更快(V9)。...改进了模板类型检查(V9)。 较小捆绑尺寸(V9)(如果您错过了I / O 19,Vikram Subramanian显示了一个4.3 KB版本应用程序)。 向后兼容性。...简答:还没有。目前,它处于“选择预览”模式。 Bazel可作为选择加入,预计将包含@angular/cli在第9版中。...增量构建:您将能够仅构建和部署已更改内容而不是整个应用程序。 您可以弹出Bazel文件,默认情况下它们是隐藏。...您可以使用以下命令添加Bazel支持: ng add @ angular / bazel 或者,您也可以使用Bazel创建一个新应用程序: npm install -g @ angular / bazel

4.5K20

AngularJS:如何使用自定义指令来取代ng-repeat

对于处理小数量,ng-repeat是非常有用,但是如果需要处理非常大数量集,还是采用自定义方法更好一些。 也别是数据大多都是静态或已预存储好,这个时候应避免使用ng-repeat指令。...那么最好方法就是自定义指令,换言之,静态数据可以使用一些简单方法来格式化。 实现步骤 首先创建无序列表,用于保存动态绑定内容。...$watch($scope.object, function (oldValue, newValue) { }) 即,当我们执行赋值语句是,Angular会处理这个事件,并格式化List内容。...Wijmo 中提供了大量支持 AngularJS 及 AngularJS 2 Demo。 Wijmo 是为企业应用程序开发而推出一系列包含 HTML5 和 JavaScript 开发控件集。...无论您应用程序是移动端、PC端、还是必须要支持IE6,Wijmo Enterprise 均能满足您需求。 了解更多信息请访问 Wijmo官网

2.4K70

多种前端框架优缺点「建议收藏」

三、VueJS 其实Vue.js不是一个框架,因为它只聚焦视图层,是一个构建数据驱动Web界面的库。 Vue.js通过简单API(应用程序编程接口)提供高效数据绑定和灵活组件系统。...misko,angular作者. 3.对IE6/7 兼容不算特别好, 就是可以用jQuery自己手写代码解决一些. 4.指令应用最佳实践教程少, angular其实很灵活, 如果不看一些作者使用原则...跨浏览器兼容:虚拟DOM帮助我们解决了跨浏览器问题,它为我们提供了标准化API,甚至在IE8中都是没问题。 3....六、BackboneJS Backbone.js为复杂WEB应用程序提供模型(models)、集合(collections)、视图(views)结构。...,用于开发Web应用程序使用MVC(模型 – 视图 – 控制器)架构模式。

3.6K20

Angular和Vue.js 深度对比

开发者可以在几个小时内用 Vue.js 构建一个特别的应用程序,但是这对 Angular 来说是不可能。 灵活性 Angular 是独立,这意味着你应用程序应该有一定构造方式。...开发者必须安装所需“插件”。Vue 非常灵活并且可以与大多数开发者想要使用库兼容。 不过,也有开发人员更喜欢 Angular,因为 Angular 为其应用程序整体结构提供了支持。...更简单编程模型使 Vue 能够提供更好性能。Vue 可以在没有构建系统情况下使用,因为开发者可以将其包含在 HTML 文件中。这使得 Vue 易于使用,从而提高了性能。...如果你需要构建大型复杂应用程序,那么应该选择 Angular,因为 Angular 为客户端应用程序开发提供了一个完整而全面的解决方案。...早期版本为 Angular 1和2,没有 Angular 3。Angular 第5版于2017年11月发布。第6版预计将于2018年3月发布,第7版预计将于2018年9月/ 10月发布。

5.3K30

Angular和Vue.js 深度对比

开发者可以在几个小时内用 Vue.js 构建一个特别的应用程序,但是这对 Angular 来说是不可能。 灵活性 Angular 是独立,这意味着你应用程序应该有一定构造方式。...开发者必须安装所需“插件”。Vue 非常灵活并且可以与大多数开发者想要使用库兼容。 不过,也有开发人员更喜欢 Angular,因为 Angular 为其应用程序整体结构提供了支持。...更简单编程模型使 Vue 能够提供更好性能。Vue 可以在没有构建系统情况下使用,因为开发者可以将其包含在 HTML 文件中。这使得 Vue 易于使用,从而提高了性能。...如果你需要构建大型复杂应用程序,那么应该选择 Angular,因为 Angular 为客户端应用程序开发提供了一个完整而全面的解决方案。...早期版本为 Angular 1和2,没有 Angular 3。Angular 第5版于2017年11月发布。第6版预计将于2018年3月发布,第7版预计将于2018年9月/ 10月发布。

3.7K10

2020 年 JavaScript 后起之秀

最初,它作为在服务器上呈现 React 应用程序解决方案而闻名。现在,它是使用 React 构建全栈 Web 应用程序出色解决方案。...关于全栈框架,Blitz 和 Redwood 异军突起,旨在提供最佳开发人员体验来构建完整 Web 应用程序。...由 ES 模块提供支持,这是从命令行开始使用 Vue.js 应用程序最快方法。 Angular 生态 排名前 5 位 Angular 项目与去年基本相同,除了排名第三新竞争者。...Angular 9 即将发布:改进 Ivy 编译和渲染管道 Angular 10 正式发布,不再支持 IE9/10!...Angular 11 正式发布:加入 webpack 5,升级至 TS 4.0,不再支持 IE 9 和 10 下半年,Angular 团队主要重点是听取社区意见。

2.4K20

移除 View Engine 转用 Ivy,盘点Angular 12重要更新

事实上,从 Angular 9 开始,新 Angular 应用程序就默认启用 lvy。...为了支持使用 View Engine 函数库应用程序向后兼容,Angular 官方团队开发了 ngcc 相容编译器,ngcc 是编译 View Engine 函数库方法,可以让 Ivy 应用程序方便地使用...为了解决这个问题,Angular 官方团队发布了 lvy 函数库发布计划,新应用程序开发可以直接使用 lvy。 据了解,目前绝大多数应用程序都在使用 lvy。...基于此,Angular 12 启动了加速转移计划,官方移除 View Engine,并且禁止使用 View Engine 创建应用程序功能,而且新函数库专案将默认使用 Ivy。...默认情况下,CLI 将启用严格模式以捕捉开发早期各种错误。 Webpack 5 模块捆绑器现已实现生产就绪。 不再支持 IE11 浏览器。 对于编译器,新版本提供转换组件样式资源支持能力。

4.4K10

如何简化 Web 应用程序开发过程?AngularJS 模块了解一下

引言AngularJS 是一种流行 JavaScript 前端框架,旨在简化 Web 应用程序开发过程。AngularJS 提供了一套强大功能和工具,其中之一就是模块(Module)系统。...模块是 AngularJS 架构中核心概念之一,它帮助我们将复杂应用程序分解为可管理部分,并提供了依赖注入、模块间通信和代码组织等功能。...模块间通信在大型应用程序中,模块之间通信和协作非常重要。AngularJS 提供了多种方式来实现模块之间通信,如事件广播、共享服务等。事件广播:// 发送事件$scope....注意模块命名规范和组织结构,提高代码可读性和可管理性。9. 总结AngularJS 模块是组织和管理应用程序重要工具。...模块可以帮助我们将复杂应用程序分解为可管理部分,并提供了依赖注入、模块间通信和代码组织等功能。本文详细介绍了 AngularJS 模块概念、用法和最佳实践。

15030

AngularJS Providers 详解

只有当你希望一个应用程序配置 API 必须在应用程序启动之前被创建,你才应该使用 Provider recipe 。通常只关注可重用服务行为可能在应用程序间略有不同。...在应用程序启动期间,Angular 创建所有服务前,配置和实例化所有的 providers。我们称之为应用程序生命周期中配置阶段。在此阶段服务还不可用,因为它们还没有被创建。...我们已经学会了如何区分应用程序生命周期中配置阶段和运行阶段,如何通过配置方法向您应用程序提供配置。...同时,星球名字会由应用程序指定,并且被多个控制器在运行阶段使用。...它是为企业应用程序开发而推出一系列包含HTML5和JavaScript开发控件集,无论应用程序是移动端、PC端、还是必须要支持IE6,Wijmo 均能满足需求。

1.1K50

Angular 10 正式发布,不再支持 IE910!

新版内容 新日期范围选择器 Angular Material 现在提供了一个新日期范围选择器。 ?.../components/datepicker/overview#date-range-selection 关于 CommonJS 导入警告 当用户使用 CommonJS 打包依赖项时,它可能导致应用程序膨胀且变慢...CommonJS 或 AMD 依赖项可能导致优化 bailout 可选更严格设置 当你使用 ng new 创建新工作区时,v10 提供了一个更严格项目设置选项。...v9 默认值 ? v10 默认值 ? 新值副作用是默认为新项目禁用了 ES5 构建。...经过与社区大量协调沟通,我们不再支持一些旧版浏览器,包括 IE9、10 和 Internet Explorer Mobile。 在下方链接查阅关于弃用和移除更多信息。

2.5K20

如何在 ASP.NET MVC 中集成 AngularJS(1)

对于此示例应用程序,我想将所有的 Angular 视图和相关 Angular JavaScript 控制器放入相同目录下。...不需要使用 Angular 提供 $scope 变量,你只需要简单声明一个 vm 变量并分配“this”给它。所有被分配给 vm 对象变量都会替换掉 $scope。...本质上,索引 Razor 视图在应用程序引导过程中被简单使用,并且在应用程序启动后不会被引用。...下面的代码片段在应用程序启动之后,使用了 $controllerProvider 来使注册方法有效。在下面的例子中,提供了一种用于注册和动态加载两个控制器和服务注册方法。...HTML5 和 JavaScript 开发控件集,无论应用程序是移动端、PC端、还是必须要支持IE6,Wijmo 均能满足需求。

7.5K60

如何在 ASP.NET MVC 中集成 AngularJS(2)

,但在此示例应用程序,我想使用在客户端一侧动态加载客户和产品,所以我不能用渲染功能来渲染我一些包,这是挑战开始。...RequireJS 有许多功能,但是对于实例应用目的,仅需要来自于 RequireJS 请求功能以便在后面应用程序使用。...为了克服这个限制,则需要创建一个 AngularJS 提供者。提供功能是,能够创建提供方法集和服务实例。提供者允许你在 Angular 配置过程中创建和配置一个服务。...示例应用程序路由使用基于约定方法,这种方法允许路由表使用硬编码路由方法来实现使用基于约定方法。...HTML5 和 JavaScript 开发控件集,无论应用程序是移动端、PC端、还是必须要支持IE6,Wijmo 均能满足需求。

8.3K100

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

这并非是他们大发善心,而是因为 Google 有 600 多个以 Angular 为基础应用程序 —— 尽管是谣传,但实际数字要高得多。 在 Angular 8 中 Ivy 预览版现在可供测试。...使用与不使用 Ivy 时 hello world 程序 Bundle 大小(来源:由Brad Green和Igor Minar撰写 ngconf 2019 主题演讲) 感谢差异加载(如下所示),bundle...要在调试模式下运行程序,建议使用 AOT: 1ng serve --aot 此外,值得一提是通过 ng build 创建程序大小。等到 Angular 9 发布时 Ivy 最终应该会默认激活。...目标是为每个 Web worker 提供一个 bundle 包。此任务由新 Angular CLI 完成。...9-11 如下图所示,browserslist 指向 ECMAScript 5 浏览器,条目为 IE 9-11。

3K30
领券