Encountering an unusual error while working with Angular 2.0 RC4
Cannot read property 'HTML' of undefined
Error in index.html file
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>My th</title>
<base href="/">
{{#unless environment.production}}
<script src="/ember-cli-live-reload.js" type="text/javascript"></script>
{{/unless}}
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="vendor/bootstrap/dist/css/bootstrap.min.css">
</head>
<body>
<div class="wrapper">
<div id="ihc" class="navbar navbar-fixed-top brand">
<div class="navbar-inner">
<div class="container-fluid">
<div class="nav-collapse collapse"></div>
</div>
</div>
</div>
<div class="body-content">
<my-app>Loading...</my-app>
</div>
</div>
{{#each scripts.polyfills}}<script src="{{.}}"></script>{{/each}}
<script src="vendor/ng2-bootstrap/bundles/ng2-bootstrap.min.js"></script>
<script>
System.import('system-config.js').then(function () {
System.import('main');
}).catch(console.error.bind(console));
</script>
<script src="vendor/ng2-bootstrap/bundles/ng2-bootstrap.min.js"></script>
</body>
</html>
Error in main.ts file
bootstrap(AppComponent, [
disableDeprecatedForms(),
provideForms(),
provideRouter(AppRoutes)
,HTTP_PROVIDERS,
provide(LocationStrategy, {useClass: HashLocationStrategy})
])
.catch(err => console.error(err));
Here's the exception from DEV Console
zone.js:461 Unhandled Promise rejection: TypeError: Cannot read property 'HTML' of undefined
at Object.eval (http://localhost:4200/vendor/@angular/compiler/src/schema/dom_security_schema.js:29:47)
at eval (http://localhost:4200/vendor/@angular/compiler/src/schema/dom_security_schema.js:59:4)
...
Seeking assistance to troubleshoot this issue