angular-2-data-table icon indicating copy to clipboard operation
angular-2-data-table copied to clipboard
verified publisher icon ggmod

How to build to prod ?

Open duard opened this issue 8 years ago • 10 comments

When i did ng build --prod


ERROR in Template parse errors:
Can't bind to 'items' since it isn't a known property of 'data-table'.
1. If 'data-table' is an Angular component and it has 'items' input, then verify that it is part of this module.
2. If 'data-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("in: auto; max-width: 1000px; margin-top:2px">
  <data-table id="regs-grid" headerTitle='Categorias' [ERROR ->][items]="regs | FilterPipe: queryString" [itemCount]="regsCount" (reload)="fetch($event)"
    [limit]"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@4:54
Can't bind to 'itemCount' since it isn't a known property of 'data-table'.
1. If 'data-table' is an Angular component and it has 'itemCount' input, then verify that it is part of this module.
2. If 'data-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("px">
  <data-table id="regs-grid" headerTitle='Categorias' [items]="regs | FilterPipe: queryString" [ERROR ->][itemCount]="regsCount" (reload)="fetch($event)"
    [limit]="5" [sortBy]="'objId'" [sortAsc]="false""): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@4:95
Can't bind to 'limit' since it isn't a known property of 'data-table'.
1. If 'data-table' is an Angular component and it has 'limit' input, then verify that it is part of this module.
2. If 'data-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("rias' [items]="regs | FilterPipe: queryString" [itemCount]="regsCount" (reload)="fetch($event)"
    [ERROR ->][limit]="5" [sortBy]="'objId'" [sortAsc]="false" [selectColumn]="true" [multiSelect]="false" [substit"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@5:4
Can't bind to 'sortBy' since it isn't a known property of 'data-table'.
1. If 'data-table' is an Angular component and it has 'sortBy' input, then verify that it is part of this module.
2. If 'data-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("]="regs | FilterPipe: queryString" [itemCount]="regsCount" (reload)="fetch($event)"
    [limit]="5" [ERROR ->][sortBy]="'objId'" [sortAsc]="false" [selectColumn]="true" [multiSelect]="false" [substituteRows]="fa"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@5:16
Can't bind to 'sortAsc' since it isn't a known property of 'data-table'.
1. If 'data-table' is an Angular component and it has 'sortAsc' input, then verify that it is part of this module.
2. If 'data-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("e: queryString" [itemCount]="regsCount" (reload)="fetch($event)"
    [limit]="5" [sortBy]="'objId'" [ERROR ->][sortAsc]="false" [selectColumn]="true" [multiSelect]="false" [substituteRows]="false" [expandableRow"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@5:35
Can't bind to 'selectColumn' since it isn't a known property of 'data-table'.
1. If 'data-table' is an Angular component and it has 'selectColumn' input, then verify that it is part of this module.
2. If 'data-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("temCount]="regsCount" (reload)="fetch($event)"
    [limit]="5" [sortBy]="'objId'" [sortAsc]="false" [ERROR ->][selectColumn]="true" [multiSelect]="false" [substituteRows]="false" [expandableRows]="true"
    [tra"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@5:53
Can't bind to 'multiSelect' since it isn't a known property of 'data-table'.
1. If 'data-table' is an Angular component and it has 'multiSelect' input, then verify that it is part of this module.
2. If 'data-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("(reload)="fetch($event)"
    [limit]="5" [sortBy]="'objId'" [sortAsc]="false" [selectColumn]="true" [ERROR ->][multiSelect]="false" [substituteRows]="false" [expandableRows]="true"
    [translations]="translatio"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@5:75
Can't bind to 'substituteRows' since it isn't a known property of 'data-table'.
1. If 'data-table' is an Angular component and it has 'substituteRows' input, then verify that it is part of this module.
2. If 'data-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (")"
    [limit]="5" [sortBy]="'objId'" [sortAsc]="false" [selectColumn]="true" [multiSelect]="false" [ERROR ->][substituteRows]="false" [expandableRows]="true"
    [translations]="translations" [indexColumnHeader"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@5:97
Can't bind to 'expandableRows' since it isn't a known property of 'data-table'.
1. If 'data-table' is an Angular component and it has 'expandableRows' input, then verify that it is part of this module.
2. If 'data-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("y]="'objId'" [sortAsc]="false" [selectColumn]="true" [multiSelect]="false" [substituteRows]="false" [ERROR ->][expandableRows]="true"
    [translations]="translations" [indexColumnHeader]="'#'" [selectOnRowClick"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@5:122
Can't bind to 'translations' since it isn't a known property of 'data-table'.
1. If 'data-table' is an Angular component and it has 'translations' input, then verify that it is part of this module.
2. If 'data-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("e" [selectColumn]="true" [multiSelect]="false" [substituteRows]="false" [expandableRows]="true"
    [ERROR ->][translations]="translations" [indexColumnHeader]="'#'" [selectOnRowClick]="true">
    <template #dat"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@6:4
Can't bind to 'indexColumnHeader' since it isn't a known property of 'data-table'.
1. If 'data-table' is an Angular component and it has 'indexColumnHeader' input, then verify that it is part of this module.
2. If 'data-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("iSelect]="false" [substituteRows]="false" [expandableRows]="true"
    [translations]="translations" [ERROR ->][indexColumnHeader]="'#'" [selectOnRowClick]="true">
    <template #dataTableExpand let-item="item">
"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@6:34
Can't bind to 'selectOnRowClick' since it isn't a known property of 'data-table'.
1. If 'data-table' is an Angular component and it has 'selectOnRowClick' input, then verify that it is part of this module.
2. If 'data-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("teRows]="false" [expandableRows]="true"
    [translations]="translations" [indexColumnHeader]="'#'" [ERROR ->][selectOnRowClick]="true">
    <template #dataTableExpand let-item="item">
      <div [textContent]=""): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@6:60
Can't bind to 'property' since it isn't a known property of 'data-table-column'.
1. If 'data-table-column' is an Angular component and it has 'property' input, then verify that it is part of this module.
2. If 'data-table-column' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("="item.description" style="padding: 5px; color: gray"></div>
    </template>
    <data-table-column [ERROR ->][property]="'objId'" [header]="'Id#'" [sortable]="true">
    </data-table-column>
    <data-table-col"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@10:23
Can't bind to 'header' since it isn't a known property of 'data-table-column'.
1. If 'data-table-column' is an Angular component and it has 'header' input, then verify that it is part of this module.
2. If 'data-table-column' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("tyle="padding: 5px; color: gray"></div>
    </template>
    <data-table-column [property]="'objId'" [ERROR ->][header]="'Id#'" [sortable]="true">
    </data-table-column>
    <data-table-column [property]="'titu"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@10:44
Can't bind to 'sortable' since it isn't a known property of 'data-table-column'.
1. If 'data-table-column' is an Angular component and it has 'sortable' input, then verify that it is part of this module.
2. If 'data-table-column' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("x; color: gray"></div>
    </template>
    <data-table-column [property]="'objId'" [header]="'Id#'" [ERROR ->][sortable]="true">
    </data-table-column>
    <data-table-column [property]="'titulo'" [header]="'T"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@10:61
'data-table-column' is not a known element:
1. If 'data-table-column' is an Angular component, then verify that it is part of this module.
2. If 'data-table-column' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" <div [textContent]="item.description" style="padding: 5px; color: gray"></div>
    </template>
    [ERROR ->]<data-table-column [property]="'objId'" [header]="'Id#'" [sortable]="true">
    </data-table-column>
"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@10:4
Can't bind to 'property' since it isn't a known property of 'data-table-column'.
1. If 'data-table-column' is an Angular component and it has 'property' input, then verify that it is part of this module.
2. If 'data-table-column' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("erty]="'objId'" [header]="'Id#'" [sortable]="true">
    </data-table-column>
    <data-table-column [ERROR ->][property]="'titulo'" [header]="'Titulo'" [sortable]="true">
    </data-table-column>
    <data-table"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@12:23
Can't bind to 'header' since it isn't a known property of 'data-table-column'.
1. If 'data-table-column' is an Angular component and it has 'header' input, then verify that it is part of this module.
2. If 'data-table-column' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("r]="'Id#'" [sortable]="true">
    </data-table-column>
    <data-table-column [property]="'titulo'" [ERROR ->][header]="'Titulo'" [sortable]="true">
    </data-table-column>
    <data-table-column [property]="'d"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@12:45
Can't bind to 'sortable' since it isn't a known property of 'data-table-column'.
1. If 'data-table-column' is an Angular component and it has 'sortable' input, then verify that it is part of this module.
2. If 'data-table-column' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("]="true">
    </data-table-column>
    <data-table-column [property]="'titulo'" [header]="'Titulo'" [ERROR ->][sortable]="true">
    </data-table-column>
    <data-table-column [property]="'description'" [header"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@12:65
'data-table-column' is not a known element:
1. If 'data-table-column' is an Angular component, then verify that it is part of this module.
2. If 'data-table-column' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("-table-column [property]="'objId'" [header]="'Id#'" [sortable]="true">
    </data-table-column>
    [ERROR ->]<data-table-column [property]="'titulo'" [header]="'Titulo'" [sortable]="true">
    </data-table-colu"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@12:4
Can't bind to 'property' since it isn't a known property of 'data-table-column'.
1. If 'data-table-column' is an Angular component and it has 'property' input, then verify that it is part of this module.
2. If 'data-table-column' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("]="'titulo'" [header]="'Titulo'" [sortable]="true">
    </data-table-column>
    <data-table-column [ERROR ->][property]="'description'" [header]="'Descricao'" [sortable]="true" [cellColors]="cellColor">
    </d"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@14:23
Can't bind to 'header' since it isn't a known property of 'data-table-column'.
1. If 'data-table-column' is an Angular component and it has 'header' input, then verify that it is part of this module.
2. If 'data-table-column' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("ulo'" [sortable]="true">
    </data-table-column>
    <data-table-column [property]="'description'" [ERROR ->][header]="'Descricao'" [sortable]="true" [cellColors]="cellColor">
    </data-table-column>
    <data"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@14:50
Can't bind to 'sortable' since it isn't a known property of 'data-table-column'.
1. If 'data-table-column' is an Angular component and it has 'sortable' input, then verify that it is part of this module.
2. If 'data-table-column' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (">
    </data-table-column>
    <data-table-column [property]="'description'" [header]="'Descricao'" [ERROR ->][sortable]="true" [cellColors]="cellColor">
    </data-table-column>
    <data-table-column [property"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@14:73
Can't bind to 'cellColors' since it isn't a known property of 'data-table-column'.
1. If 'data-table-column' is an Angular component and it has 'cellColors' input, then verify that it is part of this module.
2. If 'data-table-column' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("-column>
    <data-table-column [property]="'description'" [header]="'Descricao'" [sortable]="true" [ERROR ->][cellColors]="cellColor">
    </data-table-column>
    <data-table-column [property]="'active'" [head"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@14:91
'data-table-column' is not a known element:
1. If 'data-table-column' is an Angular component, then verify that it is part of this module.
2. If 'data-table-column' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("le-column [property]="'titulo'" [header]="'Titulo'" [sortable]="true">
    </data-table-column>
    [ERROR ->]<data-table-column [property]="'description'" [header]="'Descricao'" [sortable]="true" [cellColors]=""): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@14:4
Can't bind to 'property' since it isn't a known property of 'data-table-column'.
1. If 'data-table-column' is an Angular component and it has 'property' input, then verify that it is part of this module.
2. If 'data-table-column' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("ricao'" [sortable]="true" [cellColors]="cellColor">
    </data-table-column>
    <data-table-column [ERROR ->][property]="'active'" [header]="'Ativo'">
    </data-table-column>
  </data-table>
"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@16:23
Can't bind to 'header' since it isn't a known property of 'data-table-column'.
1. If 'data-table-column' is an Angular component and it has 'header' input, then verify that it is part of this module.
2. If 'data-table-column' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("ue" [cellColors]="cellColor">
    </data-table-column>
    <data-table-column [property]="'active'" [ERROR ->][header]="'Ativo'">
    </data-table-column>
  </data-table>
"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@16:45
'data-table-column' is not a known element:
1. If 'data-table-column' is an Angular component, then verify that it is part of this module.
2. If 'data-table-column' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("n'" [header]="'Descricao'" [sortable]="true" [cellColors]="cellColor">
    </data-table-column>
    [ERROR ->]<data-table-column [property]="'active'" [header]="'Ativo'">
    </data-table-column>
  </data-table>"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@16:4
'data-table' is not a known element:
1. If 'data-table' is an Angular component, then verify that it is part of this module.
2. If 'data-table' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("

<div style="margin: auto; max-width: 1000px; margin-top:2px">
  [ERROR ->]<data-table id="regs-grid" headerTitle='Categorias' [items]="regs | FilterPipe: queryString" [itemCou"): ng:///home/duard/DevFire/app-vli/src/app/categorias/categorias-table/categorias-table.component.html@4:2

ERROR in ./src/main.ts
Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in '/home/duard/DevFire/app-vli/src'
 @ ./src/main.ts 4:0-74
 @ multi ./src/main.ts

duard avatar Jul 13 '17 22:07 duard

I'm having the same prob, did you find a solution ? Thanks

BayardSmart avatar Jul 31 '17 15:07 BayardSmart

Kind of upset. Try without the --prod nor -aot (actually -aot is included into --prod) Just run ng build and it's working, but no aot.... I'm with version cli 1.2.6

BayardSmart avatar Aug 02 '17 11:08 BayardSmart

cannot go to prod too

mshumilov avatar Oct 01 '17 11:10 mshumilov

I'm having same issue. Is there any possibility to run ng build --prod

krishnapulapa avatar Oct 13 '17 08:10 krishnapulapa

I was able to build for prod, but only by disabling ahead-of-time compilation.

ng build --prod --aot=false

Not sure if it's a good solution though, since ahead-of-time compilation can catch many errors before deployment.

mediantiba avatar Oct 14 '17 17:10 mediantiba

I am having the same issue. But as mediantiba suggested, I used the following command, ng build --prod --aot=false and I was able to build for prod.

VijayKanda avatar Oct 16 '17 01:10 VijayKanda

Did you find the solution ?

ghost avatar Jan 17 '18 17:01 ghost

YES, now I can build it with

ng build --prod --aot=true

duard avatar Jan 17 '18 18:01 duard

@duard Please explain how you managed to solve this issue. ng build --prod --aot=true does not work for me

yanivps avatar Feb 05 '18 19:02 yanivps

this issue not resolved..getting same error when running AOT true and npm run build--prod .Kindly let me know if any solution avilable

sudhakaran857 avatar Mar 24 '18 15:03 sudhakaran857