schema errors
See original GitHub issueERROR in src/app/relationships/party-relationships/create-relationships/create-relationships.component.html:1:1 - error NG8001: 'tu-general-header' is not a known element:
1. If 'tu-general-header' is an Angular component, then verify that it is part of this module.
2. If 'tu-general-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
1 <tu-general-header [breadcrumb]="breadcrumbsLinks">
Module
import { NgModule, NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatIconModule } from '@angular/material/icon';
import { MatInputModule } from '@angular/material/input';
import { MatButtonModule } from '@angular/material/button';
import { AgGridModule } from 'ag-grid-angular';
import { MatBadgeModule } from '@angular/material/badge';
import { MatDatepickerModule } from '@angular/material/datepicker';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MatNativeDateModule } from '@angular/material/core';
import { MatListModule } from '@angular/material/list';
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
import { MatTabsModule } from '@angular/material/tabs';
import { MatSelectModule } from '@angular/material/select';
import { MatAutocompleteModule } from '@angular/material/autocomplete';
import { NgbDropdownModule, NgbModule, NgbTabsetModule } from '@ng-bootstrap/ng-bootstrap';
import { MatProgressBarModule } from '@angular/material/progress-bar';
import { MatTableModule } from '@angular/material/table';
import { MatTooltipModule } from '@angular/material/tooltip';
import { NgSelectModule } from '@ng-select/ng-select';
import { MatRadioModule } from '@angular/material/radio';
import { ColorPickerModule } from 'ngx-color-picker';
import {
TableWebComponent, ProductHoverSummaryComponent, BadgeWebComponent, FilterChecklistItemComponent, ReportingChartsComponent, RelationshipTypeComponent, TabWebComponent,
GroupDropdownWebComponent, SearchBarWebComponent, TableStatusWebComponent,
ButtonOrderDetailComponent, OrderTotalComponent, ProgressbarComponent,
CaretDropDownComponent, PopOverWebComponent,
IconComponent, BreadcrumbsComponent,
InfoSideMenuComponent, HeadingComponent, InpageAlertComponent, OPTWebComponent,
ProductOverviewComponent, ButtonDropdownComponent, GeneralPageComponent, QuickActionPanelListItemComponent,
TableLoadingOverlayComponent, TableNoRowOverlayComponent, ReportingBadgeComponent, GraphFilterComponent,
DashboardStatusCardComponent, SummaryStatusListComponent, FooterComponent,
ColorPickerComponent, ImageUploadComponent,
} from './components';
import { GeneralHeaderComponent } from './components/general/general-header/general-header.component';
import { HoverDirective, WindowReloadAlertDirective, ConfirmDirective } from './directive';
import { GeneralListComponent } from './components/general/general-list';
import { NgxChartsModule } from '@swimlane/ngx-charts';
import { NgxFlowModule, FlowInjectionToken } from '@flowjs/ngx-flow';
import Flow from '@flowjs/flow.js';
@NgModule({
imports: [
CommonModule,
MatInputModule,
MatFormFieldModule,
MatIconModule,
MatButtonModule,
MatBadgeModule,
MatDatepickerModule,
MatNativeDateModule,
NgxChartsModule,
NgxFlowModule,
AgGridModule.withComponents(
[
TableWebComponent,
SearchBarWebComponent,
]),
FormsModule,
MatTabsModule,
MatSelectModule,
MatAutocompleteModule,
NgbDropdownModule,
NgbModule,
NgbTabsetModule,
MatListModule,
MatProgressBarModule,
MatTableModule,
ReactiveFormsModule,
MatTooltipModule,
NgSelectModule,
MatProgressSpinnerModule,
MatRadioModule,
ColorPickerModule
],
declarations: [
TableWebComponent, ProductHoverSummaryComponent, BadgeWebComponent, FilterChecklistItemComponent, ReportingChartsComponent,
RelationshipTypeComponent,
TabWebComponent,
GroupDropdownWebComponent, SearchBarWebComponent, TableStatusWebComponent,
QuickActionPanelListItemComponent, ButtonOrderDetailComponent, OrderTotalComponent, ProgressbarComponent,
CaretDropDownComponent, PopOverWebComponent,
IconComponent, HoverDirective,
BreadcrumbsComponent,
InfoSideMenuComponent, BreadcrumbsComponent, InfoSideMenuComponent, HeadingComponent,
InpageAlertComponent, TableLoadingOverlayComponent, TableNoRowOverlayComponent, ReportingBadgeComponent, GraphFilterComponent,
DashboardStatusCardComponent, SummaryStatusListComponent,
OPTWebComponent, ProductOverviewComponent, GeneralListComponent,
GeneralHeaderComponent, ButtonDropdownComponent, GeneralPageComponent, WindowReloadAlertDirective,
ConfirmDirective, FooterComponent, ColorPickerComponent, ImageUploadComponent
],
exports: [
TableWebComponent, ProductHoverSummaryComponent, BadgeWebComponent, FilterChecklistItemComponent, ReportingChartsComponent,
RelationshipTypeComponent, TabWebComponent, GroupDropdownWebComponent, TableLoadingOverlayComponent, TableNoRowOverlayComponent, ReportingBadgeComponent, GraphFilterComponent,
DashboardStatusCardComponent, SummaryStatusListComponent, SearchBarWebComponent, TableStatusWebComponent,
ButtonOrderDetailComponent, OrderTotalComponent, ProgressbarComponent, CaretDropDownComponent, PopOverWebComponent, NgbDropdownModule,
NgbModule, IconComponent, HoverDirective, BreadcrumbsComponent, QuickActionPanelListItemComponent, InfoSideMenuComponent, HeadingComponent, InpageAlertComponent, OPTWebComponent, ProductOverviewComponent,
GeneralListComponent, GeneralHeaderComponent, ButtonDropdownComponent, GeneralPageComponent, WindowReloadAlertDirective,
ConfirmDirective, FooterComponent, ColorPickerComponent, ImageUploadComponent
],
entryComponents: [TableStatusWebComponent,
IconComponent, TableLoadingOverlayComponent, TableNoRowOverlayComponent, ReportingBadgeComponent, GraphFilterComponent,
RelationshipTypeComponent, GeneralHeaderComponent],
providers: [MatDatepickerModule, {
provide: FlowInjectionToken,
useValue: Flow
}],
schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA]
})
export class WebThemeModule { }
package json
{
"name": "testing",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "~9.1.4",
"@angular/common": "~9.1.4",
"@angular/compiler": "~9.1.4",
"@angular/core": "~9.1.4",
"@angular/forms": "~9.1.4",
"@angular/platform-browser": "~9.1.4",
"@angular/platform-browser-dynamic": "~9.1.4",
"@angular/router": "~9.1.4",
"rxjs": "~6.5.4",
"tslib": "^1.10.0",
"zone.js": "~0.10.2",
"@angular/cdk": "~9.2.4",
"@angular/http": "~8.0.0-beta.10",
"@agm/core": "^1.0.0-beta.5",
"@angular/material": "^9.2.4",
"@angular/service-worker": "~9.1.7",
"@flowjs/flow.js": "^2.13.2",
"@flowjs/ngx-flow": "^0.4.1",
"@netbasal/ngx-content-loader": "^3.0.0",
"@ng-bootstrap/ng-bootstrap": "^6.1.0",
"@ng-select/ng-select": "^4.0.0",
"@ngx-loading-bar/core": "^4.2.0",
"@ngx-loading-bar/http": "^4.2.0",
"@ngx-loading-bar/http-client": "^4.2.0",
"@ngx-loading-bar/router": "^4.2.0",
"@rxweb/reactive-form-validators": "^2.0.0-rc2",
"@swimlane/ngx-charts": "^14.0.0",
"@types/color": "^3.0.0",
"ag-grid-angular": "^23.1.1",
"ag-grid-community": "^23.1.1",
"angular2-image-upload": "^1.0.0-rc.2",
"angular2-promise-buttons": "^4.0.6",
"bootstrap": "^4.4.1",
"color": "^3.1.0",
"core-js": "^3.6.5",
"google-libphonenumber": "^3.2.8",
"intl-tel-input": "^17.0.0",
"js-data": "file:js-data.tar.gz",
"js-data-http": "file:js-data-http.tar.gz",
"ngx-bootstrap": "^5.6.1",
"ngx-color-picker": "^9.1.0",
"ngx-intl-tel-input": "^2.1.2",
"ngx-perfect-scrollbar": "^9.0.0",
"reflect-metadata": "~0.1.8"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.901.4",
"@angular/cli": "~9.1.4",
"@angular/compiler-cli": "~9.1.4",
"@angular/language-service": "~9.1.4",
"@types/googlemaps": "^3.30.16",
"@types/jasmine": "~3.5.0",
"@types/jasminewd2": "~2.0.3",
"@types/lodash": "^4.14.119",
"@types/node": "^12.12.41",
"@typescript-eslint/eslint-plugin": "^2.18.0",
"@typescript-eslint/parser": "^2.18.0",
"codelyzer": "^5.1.2",
"eslint": "^7.0.0",
"jasmine-core": "~3.5.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~5.0.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~2.1.0",
"karma-jasmine": "~3.0.1",
"karma-jasmine-html-reporter": "^1.4.2",
"protractor": "~5.4.3",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "~3.8.3"
}
}
tsconfig.json
{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./src/",
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"downlevelIteration": true,
"experimentalDecorators": true,
"module": "esnext",
"moduleResolution": "node",
"importHelpers": true,
"target": "es2015",
"lib": [
"es2018",
"dom",
"esnext"
],
"paths": {
"@tu/*": ["app/*"],
"~/*": ["./*"],
"*": ["./node_modules/tns-core-modules/*", "./node_modules/*"]
}
},
"angularCompilerOptions": {
"fullTemplateTypeCheck": false,
"strictInjectionParameters": false
}
}
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:6 (3 by maintainers)
Top Results From Across the Web
How to Fix Schema Validation Errors
Schema validation errors are mistakes in the formatting of your Schema data, making it difficult for Google to understand that data.
Read more >How to Fix Schema Validation Errors - WebFX
Schema validation errors occur when you have formatting mistakes with your schema data. Your schema data helps provide search engines with ...
Read more >How do I avoid Schema Validation Errors in my e-filed returns ...
A schema validation error is an error in the required formatting of the electronic file established by the taxing authority which can be...
Read more >How to Fix Schema Validation Errors - DashClicks
Website owners must know everything about schema validation errors and how to fix them. The article will also discuss the most common Schema ......
Read more >Schema Errors & Warnings: What They Are, Why ...
Schema errors are something you call in the cavalry for and fix immediately, if not sooner. These also don't impact WHERE (2 or...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@pkozlowski-opensource this
component is known element
errors are occurring after upgrading to Angular 9. The same was working well in Angular 8. Can you point to some related migration error?This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.
Read more about our automatic conversation locking policy.
This action has been performed automatically by a bot.