I'm not sure what's going on here.
This is my index.html:
<html>
<head>
...
</head>
<body>
<login>Initializing...</login>
</body>
</html>
The component passed into bootstrap is as follows:
@Component({
selector: 'login',
template: template,
styles: [style.toString()],
directives: []
})
export class Login {
constructor() {
}
}
Yet, when I load my application, I get this exception in the console:
browser_adapter.js:77EXCEPTION: Error: Uncaught (in promise): EXCEPTION:
Error in :0:0
ORIGINAL EXCEPTION: The selector "login" did not match any elements
ORIGINAL STACKTRACE:
Error: The selector "login" did not match any elements
at new BaseException (https:
//apis.localhost/apps/login/app/vendor.js:37578:24)
at DomRenderer.selectRootElement (https:
//apis.localhost/apps/login/app/vendor.js:37915:24)
at DebugDomRenderer.selectRootElement (https:
//apis.localhost/apps/login/app/vendor.js:13318:40)
at DebugAppView.AppView.selectOrCreateHostElement (https:
//apis.localhost/apps/login/app/vendor.js:12866:42)
at DebugAppView._View_Login_Host0.createInternal (Login_Host.template.js
:12:21)
at DebugAppView.AppView.create (https:
//apis.localhost/apps/login/app/vendor.js:12844:22)
at DebugAppView.create (https:
//apis.localhost/apps/login/app/vendor.js:13037:45)
at ComponentFactory.create (https:
//apis.localhost/apps/login/app/vendor.js:9594:37)
at https://apis.localhost/apps/login/app/vendor.js:7365:45
at https://apis.localhost/apps/login/app/vendor.js:7343:27
This is my third Angular2 app and this is the only time this has happened.
I tried changing the element and selector to "login-form", but the same
issue persisted.
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.