错误:模块“”DynamicTestModule“”导入了意外的值“”DomSanitizer“”。“请添加@NgModule注释
这个错误是由于在Angular应用中导入了错误的模块或值引起的。具体来说，错误信息中提到了模块“DynamicTestModule”导入了意外的值“DomSanitizer”。
要解决这个错误，需要进行以下步骤：
- 确保在导入模块时使用了正确的模块名。检查代码中是否存在拼写错误或者导入了错误的模块。
- 检查是否正确导入了所需的依赖模块。在Angular中，有些模块可能依赖其他模块，如果没有正确导入这些依赖模块，就会导致错误。
- 检查是否正确使用了NgModule装饰器。NgModule装饰器用于定义模块，并指定该模块所依赖的其他模块。确保在使用@NgModule装饰器时没有遗漏任何必需的参数或属性。
- 检查是否正确使用了DomSanitizer。DomSanitizer是Angular中的一个服务，用于处理HTML、CSS和URL的安全性。确保在使用DomSanitizer时没有拼写错误或者导入了错误的值。
总结起来，要解决这个错误，需要仔细检查代码中的模块导入、依赖关系和NgModule装饰器的使用。确保没有拼写错误，并且正确导入了所需的模块和值。
关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，我无法给出具体的推荐。但是腾讯云作为一家知名的云计算服务提供商，提供了丰富的云计算产品和解决方案，可以根据具体需求在腾讯云官方网站上查找相关产品和介绍。
相关·内容
我尝试测试DomSanitizer导入。 但是我仍然得到这个错误： Error: Unexpected value 'DomSanitizer' imported by the module 'DynamicTestModule'. Please add an @NgModule annotation. 我的测试用例是这样的： beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [RouterTestingModule, DomSanitizer, D
浏览 66提问于2020-09-09得票数 0
回答已采纳
我正在尝试用茉莉花测试一个服务，但是我有一个错误：
错误:由模块'DynamicTestModule‘导入的意外值'CookieService’。请添加一个@NgModule注释。
和
错误:未定义为真实的预期。
我的规范文件：
import { RouterTestingModule } from '@angular/router/testing';
import { TestBed } from '@angular/core/testing';
import { Api } from './api.service';
impo
浏览 6提问于2021-08-02得票数 0
回答已采纳
1回答
我已经在我的spec.ts中导入了角材料，但是当我试图运行这个特定组件的测试时，我会得到以下错误：
错误:模板解析错误：
“垫形场”不是已知的元素: 1.如果“垫形场”是一个角度分量，那么验证它是这个模块的一部分。2.如果‘mat field’是一个Web组件，那么在该组件的'CUSTOM_ELEMENTS_SCHEMA‘中添加'@NgModule.schemas’以抑制此消息。(“
错误[ ng:///DynamicTestModule/PartViewComponent.html@6:23 -> ]dataSource="parts“matSort class
浏览 4提问于2020-02-14得票数 0
我想将Youtube视频嵌入到我的ionic2应用程序中，我使用了Youtube管道并导入了以下内容：
import { DomSanitizer } from '@angular/platform-browser';
youtube.ts包含以下内容
constructor(private dom: DomSanitizer) {
}
transform(value, args) {
return this.dom.bypassSecurityTrustResourceUrl(value);
}
}
此外，我还像这样在app.module.ts
浏览 1提问于2017-10-04得票数 1
开始在angular中测试，但这是我第一次运行ng测试后得到的结果。我还没有添加任何测试
Failed: Template parse errors:
Can't bind to 'routerLink' since it isn't a known property of 'a'. ("s="navbar-nav" >
<li class="list-item" style="margin-top:20px;">
浏览 10提问于2019-10-29得票数 2
回答已采纳
1回答
当我在安圭拉8的角度材料组件项目中运行ng test时，我遇到了多个失败。我还没有为这些场景编写任何特定的测试用例。
DeleteBotModalComponent > should create
Failed: Template parse errors:
'mat-label' is not a known element:
1. If 'mat-label' is an Angular component, then verify that it is part of this module.
2. If 'mat-label' is
浏览 1提问于2020-08-02得票数 0
回答已采纳
我正在用角4创建一些测试，我有一个组件，它使用PrettyJsonCompont来向用户显示格式良好的json。
当我运行ng测试时，我的几个组件测试都会以相同的消息失败。
失败: PrettyJsonComponent类型是两个模块声明的一部分: PrettyJsonModule和DynamicTestModule！请考虑将PrettyJsonComponent移动到导入PrettyJsonModule和DynamicTestModule的更高模块。您还可以创建一个新的NgModule，它导出并包含PrettyJsonComponent，然后在PrettyJsonModule和Dynami
浏览 1提问于2017-08-18得票数 26
回答已采纳
使用Angular2.0.0-rc.5，我试图运行以下测试，但收到了错误：
错误:没有为“DynamicTestModule”找到NgModule元数据。(第29行)
这个DynamicTestModule似乎是角本身的一部分，不是我在项目中引用的模块，也不是上的Docs页面中的一个模块。
import {inject, async, TestBed} from '@angular/core/testing';
import {BrowserDynamicTestingModule, platformBrowserDynamicTesting} from '@a
浏览 1提问于2016-08-15得票数 4
我正在遵循这个博客文章中的代码示例来向我的项目中添加客户端缓存。
我已经添加了cache.service.ts，http-client.service.ts代码，并将它们连接到一个调用代码的组件中，但是当调用该组件时，我将得到一个空对象引用异常。
如果我试图在声明、导入等中注册@NgModule中的组件，则会得到一个错误，即注册是不正确的。
在声明中：
由模块'AppModule‘声明的意外值'CacheService’。请添加一个@管道/@指令/@组件注释
进口方面：
由模块'AppModule‘导入的意外值'CacheService’。请添加一个@NgMo
浏览 3提问于2021-05-26得票数 1
回答已采纳
我知道Stackoverflow上有一个类似的答案，但这并没有解决我的问题，所以我解释了我的情况，我做了ng测试，但是失败了，但是出现了以下错误：
失败:模块“DynamicTestModule”导入的意外指令“InformationComponent”。请添加一个@NgModule注释。错误属性:对象({ ngSyntaxError: true })错误:由模块'DynamicTestModule‘导入的意外指令'InformationComponent’。请添加一个@NgModule注释。JitCompiler.compileModuleAndAllComponentsAs
浏览 17提问于2020-01-21得票数 0
2回答
我正在尝试用NG测试我的应用程序，但我在我的一个组件中使用了angular材料，它们在angular中不被识别为已知元素。我该如何解决这个问题呢？
错误如下：
'mat-form-field' is not a known element:
1. If 'mat-form-field' is an Angular component, then verify that it is part of this module.
2. If 'mat-form-field' is a Web Component then add 'CUSTOM_
浏览 0提问于2018-04-18得票数 0
如何在app.module中添加formbulder
模块AppModule导入了意外的值FormBuilder。请添加@NgModule批注。
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule, HTTP_INTERCEPTORS } from "@angular/common/http";
import {FormBuilder, FormC
浏览 2提问于2019-07-23得票数 2
失败:模板解析错误：“路由器-出口”不是已知元素：
如果‘路由器-出口’是一个角度组件，然后验证它是该模块的一部分。
If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<router-outlet></router-outlet>"):
浏览 2提问于2018-03-05得票数 3
1回答
我正在尝试使用@ngrx/data为我的angular项目编写单元测试！
失败:模块“”DynamicTestModule“”导入了意外的值“”EntityCollectionServiceBase“”。“请添加@NgModule批注。
NullInjectorError: R3InjectorError(DynamicTestModule)CalendarService -> EntityCollectionServiceElementsFactory -> EntityCollectionServiceElementsFactory: NullInjectorError:无En
浏览 70提问于2020-08-05得票数 0
在使用最新版本(1.1.14)的NG2引导程序时，尝试同时使用DropdownModule和ButtonsModule时，我会得到以下错误
Uncaught Error: Unexpected module 'DropdownModule' declared by the module
我一直在用1.0.24版本的NG2引导程序使用DROPDOWN_DIRECTIVES和BUTTON_DIRECTIVES。当我试图转换时，我甚至不能在我的NgModule中声明它而没有错误
这是我的模块
import { DeviceService } from "./services/
浏览 3提问于2016-10-25得票数 1
回答已采纳
1回答
当我使用Jasmine运行角单元测试时，我得到了以下错误。
错误:模板解析错误:属性绑定cdkHeaderRowDef不被嵌入模板上的任何指令使用。确保属性名拼写正确，所有指令都列在"@NgModule.declarations“中。(“错误->”
<mat-header-row *cdkHeaderRowDef="displayedColumns"></mat-header-row>
[ERROR ->]<mat-row *cdkRowDef="let row; columns: displayedColumns; l
浏览 1提问于2018-03-20得票数 2
回答已采纳
正在为我的组件实现一个简单的单元测试。
我进口了所有必需的东西:服务，RouterModuleTesting，FormsModule HttpModule .
请注意，我使用的是DevExtreme小部件。
但是，我再次遇到了一些奇怪的错误：
这个错误说我应该在某个地方添加一个@NgModule和，但还不清楚。
我的测试文件如下:
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { CustomersListComponent } from '
浏览 3提问于2017-08-04得票数 7
回答已采纳
我正在尝试编写Jasmine单元测试，但是当我运行ng test时，终端会因为错误而变得疯狂 示例错误 1. If 'mat-radio-group' is an Angular component, then verify that it is part of this module.
2. If 'mat-radio-group' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this c
浏览 10提问于2020-09-01得票数 0
回答已采纳
我试图用httpclient函数测试我的服务，但是当我运行业力时，我总是得到标题中提到的错误。
我已经在我的规范文件中输入了HttpClientModule
编辑：
因此，我发现我的测试正在工作，只是控制台中打印了一条错误消息，这令人困惑。我不认为这应该是.
app.module.ts
import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';
import {AppRoutingModule} from './app-
浏览 3提问于2019-06-04得票数 0
所以我试着在我的Angular 4 Angular CLI上运行"ng test“。我有很多问题，比如如果测试失败，UI不能加载任何有用的消息，但幸运的是控制台可以工作。不管怎样，出现这个错误是因为我没有在规范中给MatSnackBar提供一个提供者，但是当我这样做的时候，我得到了一个不同的错误。
Chrome 66.0.3359 (Linux 0.0.0) BranchNameCellComponent should create FAILED
Error: No provider for MatSnackBar!
将MatSnackBar包含为导入时出错
Chrome 66
浏览 1提问于2018-06-09得票数 29
回答已采纳
2回答
我已经创建了一个共享模块，并声明并导出了我在其他模块中需要的组件。
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { DateslideComponent } from './dateslide/dateslide.component';
import { IonicModule } from '@ionic/angular';
import { TimeslideComponent
浏览 1提问于2020-03-18得票数 20
回答已采纳
describe('ComponentHttpRServiceComponent', () => {
let component: ComponentHttpRServiceComponent;
let fixture: ComponentFixture<ComponentHttpRServiceComponent>;
let service: StudentService;
let httpclient: HttpClient;
// let httptestcontroller: HttpTestingController; <
浏览 7提问于2022-10-09得票数 0
回答已采纳
2回答
我正在尝试将使用yeoman创建的定制库中的服务注入到我现有的ionic2项目中。lib的index.ts (将作为npm模块安装)：
@NgModule({
imports: [
CommonModule
],
declarations: [
SampleComponent,
SampleDirective,
],
exports: [
SampleComponent,
SampleDirective,
SamplePipe
]
})
export
浏览 0提问于2016-12-20得票数 1
我尝试将Angular Virtual整合到我的一个组件中，它在浏览器上运行得很好。然而，当我尝试编写相同的测试用例时，Karma运行器在初始化组件时抛出以下一组错误： Error: Template parse errors:
Can't bind to 'cdkVirtualForOf' since it isn't a known property of 'ng-container'.
1. If 'cdkVirtualForOf' is an Angular directive, then add 'Common
浏览 66提问于2019-01-02得票数 2
2回答
我试图添加一个带有缩放控件等的图像查看器画布。似乎提供了我需要的东西，但当我尝试使用角cli进行AOT构建时，我无法让它工作，因为我得到了以下错误：
客户端：‘ImageViewerModule’函数调用在模板编译过程中出现157个错误，但在'NgModule‘NgModule’调用'ɵmakeDecorator‘中不支持'ɵmakeDecorator’。
当我尝试使用JIT运行时，我会得到以下错误
‘错误: StaticInjectorErrorDomSanitizer：
StaticInjectorErrorDomSanitizer: NullInject
浏览 0提问于2018-03-21得票数 0
3回答
我试图在一个使用角材料2的组件上编写一个测试，但是当我将它添加到我的testModule声明中时，我得到：
Error: Template parse errors:
'md-card-title' is not a known element:
1. If 'md-card-title' is an Angular component, then verify that it is part of this module.
2. If 'md-card-title' is a Web Component then add
浏览 1提问于2016-10-26得票数 12
回答已采纳
环境: Angular 2 RC5，..从RC4升级到RC5
错误：
Uncaught EXCEPTION: Error in http://localhost:4200/app/forgot-username/forgot-username.component.html:39:60
ORIGINAL EXCEPTION: Type ModalBackdropComponent is part of the declarations of 2 modules: Myodule and AppModule!
ORIGINAL STACKTRACE:
Error: Type ModalBackdr
浏览 8提问于2016-08-22得票数 2
回答已采纳
1回答
我正在使用NG2引导进度条组件在一个角2应用程序构建的角-cli。正如NG2引导团队建议的那样，我已经声明并使用了进度条组件，如下所示：
import { AlertModule, AccordionModule, ModalModule, ProgressbarModule } from 'ng2-bootstrap';
import { ThreedViewerComponent} from './threed-viewer/threed-viewer.component';
@NgModule({
declarations: [
AppCo
浏览 4提问于2017-04-03得票数 1
回答已采纳
在我的应用程序中，我使用的是角反应形式。
下面是我的app.module.ts
import { HttpModule } from '@angular/http';
import { environment } from './../environments/environment';
import { BrowserModule } from '@angular/platform-browser';
// import { BrowserAnimationsModule } from '@angular/platform-browse
浏览 1提问于2017-11-24得票数 1
当单元测试角应用程序时，我收到以下错误消息
无法绑定到“consoleMessages”，因为它不是“应用控制台”的已知属性。
如果‘app-控制台’是一个角组件，并且它有'consoleMessages‘输入，那么验证它是这个模块的一部分。
如果‘app-控制台’是一个Web组件，那么将'CUSTOM_ELEMENTS_SCHEMA‘添加到该组件的'@NgModule.schemas’中，以抑制此消息。
若要允许任何属性，请将“NO_ERRORS_SCHEMA”添加到此组件的“@NgModule.schemas”中。(“
<br&
浏览 0提问于2019-04-29得票数 0
1回答
我用Angular 6编写了我的第一个角度应用程序。
我还没有编写任何测试，但是在生成components和services时有一些自动创建的默认测试文件。
当我运行自动生成的测试时
ng test
它带来了太多的错误。其中一个错误就像
ChangeAvatarModalComponent should create
Failed: Template parse errors:
There is no directive with "exportAs" set to "ngForm" ("
<div class="modal-body&#
浏览 0提问于2018-10-10得票数 5
回答已采纳
1回答
一开始我有个问题，如果用茉莉花做测试会很困难吗？这个应用程序在编译过程中运行得很好，但是当我测试它时，这里出现了一百万个错误。我已经阅读了任何关于导入FormsModule的资源。
我有这样的组成部分：
import { Component, OnInit, OnDestroy, ViewChild, ElementRef, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { Ht
浏览 1提问于2018-05-15得票数 1
回答已采纳
我使用角-cli与angular2 v4.0与角材料.
所有错误都是Dudes..what吗？我正在努力学习因果报应，如果我进行npm测试，我会得到34次与材料有关的失败。例如：
Can't bind to 'routerLinkActive' since it isn't a known property of 'a'
Can't bind to 'md-menu-trigger-for' since it isn't a known property of 'button'
Can't
浏览 8提问于2017-06-12得票数 8
我已经共享了模块- @NgModule({
imports: [
CommonModule,
],
exports: [
ThreeDotsIconComponent,
HighlightDirective
],
declarations: [
HighlightDirective,
ThreeDotsIconComponent
],
entryComponents: [
],
providers: []
})
export class SharedLayoutModule {} ThreeDotsIconCompo
浏览 19提问于2019-01-29得票数 2
我决定对Angular的测试特性进行实验。我已经有了一个应用程序，所以我只是运行了ng test，它立刻就出现了我不理解的错误。这是我第一次运行角度测试。
下面是输出：
AppComponent should create the app
Failed: Template parse errors:
Can't bind to 'routerLink' since it isn't a known property of 'button'. ("<mat-toolbar color="primary">
浏览 38提问于2018-07-26得票数 0
回答已采纳
我已经编写了一个ModalService来同时包装MatDialog和MatSnackBar，以避免在我的每个组件中同时注入这两个组件，并且该服务提供了包装实质性组件的方法。这样你就可以写
modalService.dialog(MyDialogComponent, { data: {} });
而不是
matDialog.open(MyDialogComponent, { data: {} });
ModalService是在ModalModule中声明的，并在其forRoot方法中提供，因此在我的AppModule中我导入了它：
ModalModule.ts：
@NgModule({ im
浏览 3提问于2019-11-15得票数 0
回答已采纳
运行ng test时，即使我可以运行ng build --prod，也会出现以下错误。
1. If 'app-navbar' is an Angular component, then verify that it is part of this module.
'app-navbar' is not a known element:
1. If 'app-navbar' is an Angular component, then verify that it is part of this module.
浏览 3提问于2020-02-13得票数 0
回答已采纳
PinchZoom是我在Angular 6项目中安装的节点模块ngx-pinch-zoom。值得注意的是，这也是一个ionic 4项目。 在我的app.module.ts中，我导入了PinchZoomModule并将CUSTOM_ELEMENTS_SCHEMA包含在我的模式中。 import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppCompon
浏览 59提问于2019-10-10得票数 2
回答已采纳
我正在尝试使用angular 4中的angular材质创建一个表，并不断收到这个错误：
错误:模板分析错误:无法绑定到'dataSource‘，因为它不是'table’的已知属性。
我已经在我的app.module.ts文件的@NgModule中导入了MatTableModule。我使用表标记的方式如下：
<table mat-table [dataSource] = "dataSource" class="mat-elevation-z8">
浏览 1提问于2018-10-18得票数 0
我有一个模块AppModule和另一个模块，比如FooModule。我在FooModule中有一些组件，我正在AppModule中加载FooModule的路径，就像任何正常的应用程序一样。
下面是AppModule的示例代码
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router'
import { BrowserModule } from '@angular/platform-browser';
import { AppC
浏览 2提问于2017-08-01得票数 0
回答已采纳
Package.json
{
"version": "1.0.0",
"name": "asp.net",
"private": true,
"dependencies": {
"@angular/common": "2.0.0",
"@angular/compiler": "2.0.0",
"@angular/core": "2.0.0",
"@a
浏览 8提问于2016-12-27得票数 2
回答已采纳
在我的角度应用程序中，我有一些功能模块：
CoreModule (包含用于api调用和模型的服务)
MainModule (包含主应用程序的组件)
MainDetailModule (包含用于详细视图的函数，延迟加载)
MainStoreModule (包含ngrx/存储定义、操作、减速器等)
main.module.ts (MainModule)
// imports
@NgModule({
imports: [
CommonModule,
FormsModule,
CoreModule,
MainRoutingModule,
浏览 1提问于2018-01-25得票数 4
回答已采纳
我有一个能成功构建和运行的角形应用程序
我正在使用ng test运行测试
我得到了所有组件创建的错误
我在控制台上看到了很多错误，表明加载router-outlet失败了
我是个角质测试师，所以任何关于我可以尝试/看的东西的评论都可能有帮助
UPDATE -来自@Sanket的答案是有用的，但是我仍然有这个问题。我对他的回答作了评论，以解释剩下的问题
与BackupComponent负载相关的错误
(我认为路由器出口是一个角度组件，而不是网络组件，因为代码库没有引用CUSTOM_ELEMENTS_SCHEMA)
<div class=
浏览 1提问于2019-09-03得票数 1
3回答
我现在用的是角度和电子。
我已经通过模块文件导入了ngx-quill。
@NgModule({
imports: [
~~~,
QuillModule
],
exports: [RouterModule]
})
我从我的主组件文件中导入了Quill。
import { QuillEditorComponent } from 'ngx-quill/src/quill-editor.component';
import Quill from 'quill';
我在html模板中使用了quill-editor组件。
<quill-editor&g
浏览 8提问于2017-10-29得票数 2
回答已采纳
我创建了两个角度库，其中一个是依赖关系。
需要使用forRoot方法配置依赖项。如何将配置数据从父库传递给它的依赖项？
例如，假设我们有TopLevelLib，它将OtherLib作为依赖项。OtherLib需要使用forRoot传递一个配置对象。
终端用户的AppModule，导入到
@NgModule({
imports: [
TopLevelLib.forRoot(someConfigData)
],
declarations: [...],
exports: [...]
})
export class AppModule { }
TopLevelLib -由最终
浏览 2提问于2018-12-19得票数 6
2回答
我有一个问题，当我工作的角度，这是我的项目结构(从应用程序文件夹开始，请看超级管理文件夹)：
- Modules
---- home [+]
---- admin [+]
---- super-admin
-------- super-admin-routing.module.ts
-------- super-admin.module.ts
-------- (And html, scss, component file)
-------- pages
------------ auth [+]
------------ unauth [+]
------------ shared
----
浏览 1提问于2018-10-13得票数 4
回答已采纳
1回答
当我做ionic serve时，一切都很好。
我有一个viewReport页面，它打开一个名为viewModal页面的模式。
我创建了一个管道，当我在viewModal.module.ts中调用那个管道时，它产生了错误。堆栈溢出的人引导我将它添加到viewReport.module.ts页面中。我做到了而且成功了。
但是，现在当我使用ionic build --prod进行生产构建时，它出现了错误：
ERROR in The pipe 'safe2' could not be found ("
<ion-text>
{{daily_rep
浏览 0提问于2020-05-20得票数 1
3回答
我想把一些结构从1.4角度.
我也有一些麻烦。例如，我有这样的结构：
组件是一个模块，客户是一个模块，列表是一个模块。
我在导入模块和组件时遇到了麻烦。
我是这样做的：
app.module
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from &
浏览 3提问于2016-12-16得票数 2
我查看了关于NgModule ()的官方角度文档，在页面末尾提供的示例中，有一个文件core.module.ts
import { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';
import { CommonModule } from '@angular/common';
import { TitleComponent } from './title.component';
import { UserService }
浏览 9提问于2017-07-20得票数 2
我使用茉莉花作为测试框架，使用业力作为测试运行者。我正在尝试创建一个HttpClient对象，这样我就可以创建一个服务，作为对该对象的轻蔑：
TestBed.configureTestingModule({
declarations: [HttpClient],
imports: [HttpClient],
providers: [HttpClient]
});
TestBed.get(HttpClient);
但我得到了以下错误：
错误:由模块'DynamicTestModule‘导入的意外值'HttpClient’。请添加一个@NgModule注释
浏览 0提问于2018-08-31得票数 15
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
