make sure to exclude it from component resolution via compilerOptions.isCustomElement

zhoumeina99

于 2022-05-28 18:41:08 发布

阅读量3.4k

点赞数

文章标签： vue.js elementui 前端 javascript

本文链接：https://blog.youkuaiyun.com/zhoumeina99/article/details/125021499

版权

本文介绍了一次因拼写错误导致Vue应用中自定义组件无法正常解析的问题。作者通过调试发现template被误拼为tempalte，这使得系统将其视为未知自定义组件并引发错误。文章展示了具体的代码片段及修正过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
TypeError: Cannot set properties of undefined (setting 'Fld_ST_00020_r')

一直报这个错误，找了很久，才发现原来一个标签写错了，太粗心了

template 写成了 tempalte 导致认为是我自定义的组件，但又找不到这个组件

报错图片如下

贴上代码

<a-form-item
      :label="item.displayName"
      :name="`${item.fieldName}_r`"
      v-else-if="item.fieldTypeInnerKey === 'checkbox'"
      :required="item.isRequired"
      validateTrigger="change"
    >
      <span class="slot-label" slot="label" v-if=" item.remark || item.fieldRemark">
        <basic-help placement="top" class="mx-1" :text=" item.remark || item.fieldRemark"/>
      </span>
      <a-checkbox-group
        v-model:value="item[`${item.fieldName}_r`]"
        :readonly="item.isRead"
        :disabled="item.isRead"
        @change="changeForm(`${item.fieldName}_r`, item[`${item.fieldName}_r`])"
      >
        <template v-for="v in item.config.options" :key="v.id">
          <a-checkbox :value="v.id">{{v.name}}</a-checkbox>
        </template>
      </a-checkbox-group>
    </a-form-item>