question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ERROR 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:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
zeesulehriacommented, May 20, 2020

@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?

0reactions
angular-automatic-lock-bot[bot]commented, Jun 27, 2020

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found