The selector "my-heroes" did not match any elements during the Routing tutorial

[a14n]

Following the Routing part of the tutorial I get the following error at the end of the part Add Routing :

Exception: The selector "my-heroes" did not match any elements

So far, there was no issue and I think that my code is the same as the snippets provided in the tutorial.

(Dart VM version: 1.20.1 + angular-2.1.1)

/cc @chalin @kwalrath

[chalin]

Bonjour Alexandre: thanks, I'll look into it this afternoon.

[chalin]

Alexandre, you wrote:

I get the following error at the end of the part Add Routing

Just before the "Add Routing" section we have the text:

The app still runs and still displays heroes. Our refactoring of AppComponent into a new AppComponent and a HeroesComponent worked! We have done no harm.

Did you test your app at that point and if so, did it run with out errors?

I carefully redid the tutorial and I'm not getting the error that you mention neither at the start, nor once I reach the end of the "Add routing" section. Maybe double check spellings of selectors and element tags? Otherwise, I might need to see the actual code.

[a14n]

humm, I think I figure out what was the issue.

When I renamed app_component.dart file to heroes_component.dart and AppComponent to HeroesComponent my IDE (intellij) refactored also main.dart and I ended up with the following main.dart:

import 'package:angular2/platform/browser.dart';
import 'package:ng_tuto/heroes_component.dart';

void main() {
  bootstrap(HeroesComponent);
}

instead of :

import 'package:angular2/platform/browser.dart';
import 'package:ng_tuto/app_component.dart';

void main() {
  bootstrap(AppComponent);
}

BTW I noticed a little issue with the lib/heroes_component.dart (showing renamings only) snippet. There's a _router formal parameter that remains undefined at the step :

The app still runs and still displays heroes. Our refactoring of AppComponent into a new AppComponent and a HeroesComponent worked! We have done no harm.

Thanks for your time :)

[chalin]

Ah, that is a real problem (and will likely happen again). Reopening this until we find a way to address this in the prose. @kwalrath, any ideas?

BTW I noticed a little issue with the lib/heroes_component.dart (showing renamings only) snippet. There's a _router formal parameter that remains undefined at the step

Yes, thanks, that is addressed in #2907

[kwalrath]

@jwren might have an opinion on whether writing around this is the best/only approach.

[chalin]

Maybe it would be sufficient to add a short note suggesting that the reader just do a local file rename (without triggering IDE refactoring) would be sufficient. How does that sound to you?