赋料扬雄敌,诗看子建亲。这篇文章主要讲述更新到角度6后找不到app-root相关的知识,希望能为你提供帮助。
我已经将我的Angular项目从5.2.11更新到6.1.0。
我正在使用Angular的更新指令,现在编译器正在运行而没有任何错误。
现在我访问localhost:4200并且找不到app-root
。
Unhandled Promise rejection: The selector "app-root" did not match any elements ;
Zone: <
root>
;
Task: Promise.then ;
Value: Error: The selector "app-root" did not match any elements
at DefaultDomRenderer2.push../node_modules/@angular/platform-browser/fesm5/platform-browser.js.DefaultDomRenderer2.selectRootElement (VM3279 vendor.js:69776)
app.module
@NgModule({
declarations: [
AppComponent,
...,
bootstrap: [AppComponent]
})
export class AppModule { }
app.component
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: []
})export class AppComponent implements OnInit {
...
}
app.component.html
<
router-outlet>
<
/router-outlet>
main.ts
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
...platformBrowserDynamic().bootstrapModule(AppModule);
的index.html
<
app-root>
<
div class="app-loading">
<
img src="https://www.songbingjia.com/assets/images/icon.svg">
<
p>
Loading...<
/p>
<
/div>
<
/app-root>
有什么遗失的吗?
答案在app.module中的
@NgModule({...
之前添加以下代码路由器规则例:
const appRoutes: Routes = [
{
path: '',
redirectTo: 'home-page',
pathMatch: 'full',
},
{
path: 'home-page',
component: HomePageComponent,
},
{
path: 'foo-page',
component: FooPageComponent
},
{
path: '**',
component: NotFoundComponent
}
];
加入
imports:[...
RouterModule.forRoot(
appRoutes
)
【更新到角度6后找不到app-root】请记住,
<
router-outlet>
<
/router-outlet>
将仅作为“路由控制器”提供推荐阅读
- 如何将我的Android模拟器连接到我的本地Web服务器
- Android重新使用游标
- SQLite Android数据库游标窗口分配2048 kb失败
- sql android忽略重复检索内容
- 可能尚未为Cursor android初始化局部变量
- Android(无法从CursorWindow读取第0行,第3列。在从中访问数据之前,请确保正确初始化Cursor)
- 如何在android中使用游标(sqlite查询)搜索数据库
- 在Glassfish 5.0中部署ADF WEbapp时出错
- 如何为Electron / Atom Shell App设置应用程序图标