微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

为什么 clrTabLink 总是在 Angular 11 中抛出错误?

如何解决为什么 clrTabLink 总是在 Angular 11 中抛出错误?

只是把angular从8更新到11了。清晰度还是2.2.0,但是clr-tab代码总是报错,然后就打不开页面了。错误是类型错误:无法设置未定义的属性“4”。 clrTabLink 似乎有些问题,但不确定,任何建议都会很感激。

<clr-tabs>
    <clr-tab>
      <button clrTabLink>Dashboard</button>
      <clr-tab-content *clrIfActive>
        Dashboard content
      </clr-tab-content>
    </clr-tab>
    <clr-tab>
      <button clrTabLink>Management</button>
      <clr-tab-content *clrIfActive="true">
        Management content
      </clr-tab-content>
    </clr-tab>
    <clr-tab>
      <button clrTabLink>Cloud</button>
      <clr-tab-content *clrIfActive="true">
        Cloud content
      </clr-tab-content>
    </clr-tab>
  </clr-tabs>

这是错误

ERROR Error: Uncaught (in promise): TypeError: Cannot set property '4' of undefined
TypeError: Cannot set property '4' of undefined
    at insertView (core.js:7109)
    at ViewContainerRef.insert (core.js:23129)
    at ViewContainerRef.createComponent (core.js:23097)
    at new ClrTabLink (clr-angular.js:16000)
    at NodeInjectorFactory.ClrTabLink_Factory [as factory] (clr-angular.js:16029)
    at getNodeInjectable (core.js:3525)
    at instantiateallDirectives (core.js:10195)
    at createDirectivesInstances (core.js:9544)
    at ɵɵelementStart (core.js:14766)
    at AdminComponent_Template (template.html:16)
    at resolvePromise (zone.js:1250)
    at resolvePromise (zone.js:1204)
    at zone.js:1316
    at ZoneDelegate.invokeTask (zone.js:429)
    at Object.onInvokeTask (core.js:28499)
    at ZoneDelegate.invokeTask (zone.js:428)
    at Zone.runTask (zone.js:200)
    at drainMicroTaskQueue (zone.js:615)
defaultErrorLogger @ core.js:6141
handleError @ core.js:6189
next @ core.js:29119
schedulerFn @ core.js:25866
__tryOrUnsub @ Subscriber.ts:265
next @ Subscriber.ts:207
_next @ Subscriber.ts:139
next @ Subscriber.ts:99
next @ Subject.ts:70
emit @ core.js:25856
(anonymous) @ core.js:28538
ZoneDelegate.invoke @ zone.js:395
Zone.run @ zone.js:155
runOutsideAngular @ core.js:28441
onHandleError @ core.js:28538
ZoneDelegate.handleError @ zone.js:399
Zone.runGuarded @ zone.js:169
_loop_2 @ zone.js:1108
api.microtaskDrainDone @ zone.js:1120
drainMicroTaskQueue @ zone.js:622
Promise.then (async)
scheduleMicroTask @ zone.js:598
ZoneDelegate.scheduleTask @ zone.js:419
Zone.scheduleTask @ zone.js:243
Zone.scheduleMicroTask @ zone.js:263
scheduleResolveOrReject @ zone.js:1303
ZoneAwarePromise.then @ zone.js:1461
bootstrapModule @ core.js:29161
zUnb @ main.ts:28
__webpack_require__ @ bootstrap:84
0 @ main.js:37
__webpack_require__ @ bootstrap:84
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。