chore: improve error message when multiple components use same selector

[0x-r4bbit]

I accidently ran into this due to copy and pasting. Forgot to change the selector of the copied component, here's the error I got:

EXCEPTION: Template parse errors:
More than one component: ComponentEight,ComponentNine ("

    <ul>
      <li>[ERROR ->]<cmp-eight></cmp-eight></li>
      <li><cmp-nine></cmp-nine></li>
    </ul>
"): ComponentFour@4:10

While this actually already gives enough information, I think we can do better with the "More than one component" message. Maybe we can make it sth. like "The following components have the same selector: Cmp1, Cmp2" ?

/cc @vsavkin

[kinggolf]

Thanks Pascal. I did the same exact thing just today and could not figure out what was going on, until I read your suggestion.

[SnareChops]

+1 here. Just bumped into this myself. Thanks Pascal for saving me probably a few hours of headache and searching.

[vicb]

note: It could be the same or intersecting selector. PR welcome, it should be an easy one

[wethinkagile]

There are no txt files in Angular project, usually, Vercaelus.

[jkyoutsey]

Honestly, this message means nothing to me. I'm getting it now and it does nothing to help me know what is the source of the problem, or how to fix it.

"Template parse errors:↵More than one component: CellAuthoringComponent,CellComponent ("ernalProperties.columns}}" sio2Dropzone (dropped)="onDropped($event)" [accepts]="acceptCheck">
↵    [ERROR ->]<sio2-cell *ngFor="let colNum of (properties.columns | sio2Range)" [columnsSplit]="properties.columns"): LayoutAuthoringComponent@1:4↵More than one component: CellAuthoringComponent,CellComponent (" colNum of (properties.columns | sio2Range)" [columnsSplit]="properties.columns" ></sio2-cell>
↵    [ERROR ->]<sio2-cell *ngFor="let child of children"></sio2-cell>
↵</div>
↵"): LayoutAuthoringComponent@2:4"

What it should say is that two or more components have the same selector.

[vicb]

@jkyoutsey it says that you have "More than one component: CellAuthoringComponent,CellComponent" (that's 2) at "ERROR ->]<sio2-cell>..."

I guess those 2 components use selector: 'sio2-cell' which would be an obvious error.

If you need more help please use the support channels (gitter, SO)

edit:

• Given the last line of your comment you probably figured out by yourself,
• Now think what happen when the component would use tag and [attribute] as selectors. You would have the same issue but the selectors are not the "same".

[stchoukeu]

Good Morning to everyone,
Please i need your help. I'm facing this problem witch seem to be similar to the one you describe here. i'm not able to solve it. This is an Error message that i receive during the build process.
Error: Template parse errors More than one component: Button Item (" ngc failed ionic-app-script task: "build" Error: Error

[zoechi]

@stchoukeu CONTRIBUTING - Got a Question or Problem?

[stchoukeu]

Please it is a problem and i can't go trought it because i have not wrote Burton or Item component. Le 27 nov. 2016 3:32 PM, "Günter Zöchbauer" <notifications@github.com> a écrit :

…

@stchoukeu <https://github.com/stchoukeu> CONTRIBUTING - Got a Question or Problem? <https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question> — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#7067 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AIvkpubK77q5Jain97-ibsZvqpF9eu32ks5rCZSVgaJpZM4HZ4BX> .

[angular-automatic-lock-bot]

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.}