Unknown custom element error when using CustomPropertyEditor tag in Vue template

[danieltran]

Please take a minute to read our NativeScript Code of Conduct before proceeding with posting issues or discussing. The purpose of this guide is to make communication and cooperation within our forums a pleasure for you and the other members.

Please, provide the details below:

Did you verify this is a real problem by searching the NativeScript Forum?

Yes there are no existing threads

Tell us about the problem

Using the CustomPropertyEditor element for RadDataForm in Nativescript-Vue triggers the following error:

CONSOLE ERROR [Vue warn]: Unknown custom element: \<TKCustomPropertyEditor> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> at components/CustomRegistration.vue

Which platform(s) does your issue occur on?

Both

Please provide the following version numbers that your issue occurs with:

• Progress NativeScript UI version: nativescript-ui-dataform version: 3.10.0
• CLI: 5.2.0
• Cross-platform modules: 5.0.2
• Runtime(s): 5.0.0

Please tell us how to recreate the issue in as much detail as possible.

Open a Vue component in an app with a RadDataForm defined with a TKCustomPropertyEditor. Example can be found in this playground: https://play.nativescript.org/?template=play-vue&id=887HXJ

Is there code involved? If so, please share the minimal amount of code needed to recreate the problem.

        <RadDataForm
          class="form"
          ref="dataForm"
          :source="customDetails"
          :metadata="customDetailsMetadata"
          height="500"
        >
          <TKEntityProperty v-tkDataFormProperty name="firstName" index="0">
            <TKCustomPropertyEditor
             tkEntityPropertyEditor
              :editorNeedsView="editorNeedsView"
              :editorHasToApplyValue="editorHasToApplyValue"
              :editorNeedsValue="editorNeedsValue"
            />
          </TKEntityProperty>
        </RadDataForm>

[amars84]

I had the same problem and I solved it with this