1.vue3打包遇到如下问题
2.分析
vue3 defineProps不支持使用外部导入的类型,会报错。
3.解决方法
就是直接在脚本标签区域写类型声明,然后引用即可。如下:
<script setup lang="ts">
// import type { Props } from './propsType'
type ValueType = {
buzId: string,
insuranceId: string,
productId: string
} | undefined
interface Props {
formConfig: any[],
formData: {
ValueType?: ValueType,
[P: string]: any
},
realTimeUrl: string,
layout: string,
productId?: number,
planId?: number,
scene?: number
}
const props = withDefaults(defineProps<Props>(), {
formConfig: () => [],
formData: () => ({}), // 表单数据
realTimeUrl: '', // 实时提交的接口地址(业务逻辑)
layout: 'inline',
productId: undefined,
planId: undefined,
scene: undefined
})
<script/>