我在我的CRUD应用程序中使用了Angular 6,并且具有以下组件结构:
root: app.component
- topic.component
- create-topic.componentI
- answer.component
我在topic.component
中有一个按钮,其中有一个routerlink
至create-topic component
:
<a routerLink="add-topic">
<button type="button" class="btn btn-primary ">New Topic</button>
</a>
在topic.component
的模板中,我要显示create-topic
的模板:
<div class="container-fluid">
<router-outlet></router-outlet>
</div>
这是app.routing.module
const routes: Routes = [
{path: 'add-topic', component: CreateTopicComponent }
]
除了这条路线外,我所使用的所有其他路线都在工作,每次我单击按钮时都会得到:
ERROR错误:“ [对象对象]”
resolvePromisehttp:// localhost:4200 / polyfills.js:5787:31
resolvePromisehttp:// localhost:4200 / polyfills.js:5744:17
scheduleResolveOrRejecthttp:// localhost:4200 / polyfills.js:5846:17
invokeTaskhttp:// localhost:4200 / polyfills.js:5394:17
onInvokeTaskhttp:// localhost:4200 / vendor.js:58217:24
invokeTaskhttp:// localhost:4200 / polyfills.js:5393:17
runTaskhttp:// localhost:4200 / polyfills.js:5161:28
rainMicroTaskQueuehttp:// localhost:4200 / polyfills.js:5568:25
invokeTaskhttp:// localhost:4200 / polyfills.js:5473:21
invokeTaskhttp:// localhost:4200 / polyfills.js:6513:9
globalZoneAwareCallbackhttp:// localhost:4200 / polyfills.js:6539:17
我不知道在哪里看,这个错误是什么意思?我想念什么? 我找不到其他与我的问题类似的stackoverflow问题。