使用表单设计生成的代码运行时提示无法解析v-form-create

[zz-dog]

表单设计生成的相关代码：

<template>
  <div>
    <v-form-create
      :formConfig="formConfig"
      :formData="formData"
      v-model="fApi"
    />
    <a-button @click="submit">提交</a-button>
  </div>
</template>

运行时出错：

Vue warn]: Failed to resolve component: v-form-create
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
at <Demo onVnodeUnmounted=fn ref=Ref< null > key="/test/test1" >
at <KeepAlive key=0 include= (2) ['Analysis', 'Test1']0: "Analysis"1: "Test1"length: 2[[Prototype]]: Array(0)at: ƒ at()concat: ƒ concat()constructor: ƒ Array()copyWithin: ƒ copyWithin()entries: ƒ entries()every: ƒ every()fill: ƒ fill()filter: ƒ filter()find: ƒ find()findIndex: ƒ findIndex()findLast: ƒ findLast()findLastIndex: ƒ findLastIndex()flat: ƒ flat()flatMap: ƒ flatMap()forEach: ƒ forEach()includes: ƒ includes()indexOf: ƒ indexOf()join: ƒ join()keys: ƒ keys()lastIndexOf: ƒ lastIndexOf()length: 0map: ƒ map()pop: ƒ pop()push: ƒ push()reduce: ƒ reduce()reduceRight: ƒ reduceRight()reverse: ƒ reverse()shift: ƒ shift()slice: ƒ slice()some: ƒ some()sort: ƒ sort()splice: ƒ splice()toLocaleString: ƒ toLocaleString()toReversed: ƒ toReversed()toSorted: ƒ toSorted()toSpliced: ƒ toSpliced()toString: ƒ toString()unshift: ƒ unshift()values: ƒ values()with: ƒ with()Symbol(Symbol.iterator): ƒ values()Symbol(Symbol.unscopables): {at: true, copyWithin: true, entries: true, fill: true, find: true, …}[[Prototype]]: Object >
at <BaseTransition mode="out-in" appear=true persisted=false ... >
at
at
at
at
at <Anonymous hasSider=undefined prefixCls="ant-layout" tagName="section" ... >
at
at <Anonymous hasSider=undefined prefixCls="ant-layout" tagName="section" ... >
at
at <Anonymous hasSider=undefined prefixCls="ant-layout" tagName="section" ... >
at
at <DefaultLayout onVnodeUnmounted=fn ref=Ref< Proxy(Object) {v_skip: true} > >
at
at
at <Anonymous value= {hashed: true, components: {…}, theme: undefined, token: {…}} >
at <ALocaleProvider locale= {locale: 'zh-cn', Pagination: {…}, DatePicker: {…}, TimePicker: {…}, Calendar: {…}, …} ANT_MARK="internalMark" >
at <LocaleReceiver children=fn >
at <AConfigProvider locale= {locale: 'zh-cn', Pagination: {…}, DatePicker: {…}, TimePicker: {…}, Calendar: {…}, …} theme= {token: {…}} >
at
warn$1 @ runtime-core.esm-bundler.js:44
resolveAsset @ runtime-core.esm-bundler.js:1164
resolveComponent @ runtime-core.esm-bundler.js:1126
_sfc_render @ test1.vue:2
renderComponentRoot @ runtime-core.esm-bundler.js:874
componentUpdateFn @ runtime-core.esm-bundler.js:6011
run @ reactivity.esm-bundler.js:177
instance.update @ runtime-core.esm-bundler.js:6142
setupRenderEffect @ runtime-core.esm-bundler.js:6152
mountComponent @ runtime-core.esm-bundler.js:5920
processComponent @ runtime-core.esm-bundler.js:5874
patch @ runtime-core.esm-bundler.js:5342
componentUpdateFn @ runtime-core.esm-bundler.js:6098
run @ reactivity.esm-bundler.js:177
instance.update @ runtime-core.esm-bundler.js:6142
updateComponent @ runtime-core.esm-bundler.js:5951
processComponent @ runtime-core.esm-bundler.js:5885
patch @ runtime-core.esm-bundler.js:5342
componentUpdateFn @ runtime-core.esm-bundler.js:6098
run @ reactivity.esm-bundler.js:177
instance.update @ runtime-core.esm-bundler.js:6142
leavingHooks.afterLeave @ runtime-core.esm-bundler.js:2225
performRemove @ runtime-core.esm-bundler.js:6589
el. @ runtime-core.esm-bundler.js:2372
finishLeave @ runtime-dom.esm-bundler.js:163
resolve2 @ runtime-dom.esm-bundler.js:194
resolveIfNotStale @ runtime-dom.esm-bundler.js:265
end @ runtime-dom.esm-bundler.js:279
(匿名) @ runtime-dom.esm-bundler.js:288
setTimeout(异步)
whenTransitionEnds @ runtime-dom.esm-bundler.js:286
(匿名) @ runtime-dom.esm-bundler.js:205
requestAnimationFrame(异步)
(匿名) @ runtime-dom.esm-bundler.js:257
requestAnimationFrame(异步)
nextFrame @ runtime-dom.esm-bundler.js:256
onLeave @ runtime-dom.esm-bundler.js:198
callWithErrorHandling @ runtime-core.esm-bundler.js:192
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:199
callHook3 @ runtime-core.esm-bundler.js:2280
callAsyncHook @ runtime-core.esm-bundler.js:2289
leave @ runtime-core.esm-bundler.js:2385
performLeave @ runtime-core.esm-bundler.js:6594
remove2 @ runtime-core.esm-bundler.js:6598
unmount @ runtime-core.esm-bundler.js:6556
unmountComponent @ runtime-core.esm-bundler.js:6624
unmount @ runtime-core.esm-bundler.js:6525
patch @ runtime-core.esm-bundler.js:5293
componentUpdateFn @ runtime-core.esm-bundler.js:6098
run @ reactivity.esm-bundler.js:177
instance.update @ runtime-core.esm-bundler.js:6142
updateComponent @ runtime-core.esm-bundler.js:5951
processComponent @ runtime-core.esm-bundler.js:5885
patch @ runtime-core.esm-bundler.js:5342
componentUpdateFn @ runtime-core.esm-bundler.js:6098
run @ reactivity.esm-bundler.js:177
instance.update @ runtime-core.esm-bundler.js:6142
updateComponent @ runtime-core.esm-bundler.js:5951
processComponent @ runtime-core.esm-bundler.js:5885
patch @ runtime-core.esm-bundler.js:5342
componentUpdateFn @ runtime-core.esm-bundler.js:6098
run @ reactivity.esm-bundler.js:177
instance.update @ runtime-core.esm-bundler.js:6142
updateComponent @ runtime-core.esm-bundler.js:5951
processComponent @ runtime-core.esm-bundler.js:5885
patch @ runtime-core.esm-bundler.js:5342
componentUpdateFn @ runtime-core.esm-bundler.js:6098
run @ reactivity.esm-bundler.js:177
instance.update @ runtime-core.esm-bundler.js:6142
callWithErrorHandling @ runtime-core.esm-bundler.js:192
flushJobs @ runtime-core.esm-bundler.js:399
Promise.then(异步)
queueFlush @ runtime-core.esm-bundler.js:308
queueJob @ runtime-core.esm-bundler.js:302
scheduler @ runtime-core.esm-bundler.js:1963
resetScheduling @ reactivity.esm-bundler.js:264
triggerEffects @ reactivity.esm-bundler.js:308
triggerRefValue @ reactivity.esm-bundler.js:1070
set value @ reactivity.esm-bundler.js:1115
finalizeNavigation @ vue-router.mjs:3353
(匿名) @ vue-router.mjs:3218
Promise.then(异步)
pushWithRedirect @ vue-router.mjs:3185
push @ vue-router.mjs:3110
go @ usePage.ts:76
handleMenuClick @ index.vue:114
callWithErrorHandling @ runtime-core.esm-bundler.js:192
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:199
emit @ runtime-core.esm-bundler.js:712
(匿名) @ runtime-core.esm-bundler.js:7811
handleSelect @ SimpleMenu.vue:139
await in handleSelect(异步)
callWithErrorHandling @ runtime-core.esm-bundler.js:192
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:199
emit @ runtime-core.esm-bundler.js:712
(匿名) @ runtime-core.esm-bundler.js:7811
(匿名) @ Menu.vue:139
(匿名) @ mitt.ts:103
emit @ mitt.ts:102
handleClickItem @ MenuItem.vue:72
cache..cache. @ runtime-dom.esm-bundler.js:1442
callWithErrorHandling @ runtime-core.esm-bundler.js:192
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:199
invoker @ runtime-dom.esm-bundler.js:681
显示 90 更多框架

[zz-dog]

生成代码的界面：