DevOps, CI/CD and Automation

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

JET 9.1 TypeScript - Error Creating Component with id ' '

Karen MSep 2 2020 — edited Sep 3 2020

Hello,

I'm migrating an application from JET 7 ES6 to JET 9 Typescript. I have several composites that need to be port over. I went ahead and created the composites (tr-header) by scaffolding a new component in TS and applies changes. However, I'm getting the following error when serving the app.

Uncaught (in promise) Error: tr-header with id '': Error while creating component. Error: tr-header with id '': The composite View is not one of the following supported types: string, Array of DOM nodes, DocumentFragment

at Object.throwError (ojcustomelement.js:633)

at Object.oj.CompositeElementBridge._getDomNodes (ojcomposite.js:814)

at ojcomposite.js:398

at Object.throwError (ojcustomelement.js:633)

at ojcomposite.js:408

I've tried removing the id element from the composite view (tr-header.html), set id to static text, used :id, and used :id="[[$uniqueId]]". I've tried setting values in the viewmodel in different lifecycles, and nothing seems to work. What am I missing?

Any suggestions would be greatly appreciated.

Best,

-karen

This post has been answered by John JB Brock-Oracle on Sep 2 2020

Jump to Answer

Added on Sep 2 2020

#oracle-jet

2 comments

343 views