RadioGroup 和 CardGrid 等组件使用问题

[zuihou]

在开发环境可以用 Radio.Group 、 Card.Grid 来使用这2个组件， 但打包后生产环境却无法识别 ？ 这什么什么原理（如果2个环境都无法识别我好理解）？

为什么开发环境按照以下代码，能正常识别 CardGrid 和 RadioGroup ， 但生产环境无法识别 CardGrid ？？

<RadioGroup v-model:value="a">
<Radio value='1'></Radio>
</RadioGroup>

import { Card,  Radio } from 'ant-design-vue';

export default defineComponent({
    components: { Card, CardGrid: Card.Grid, Radio, RadioGroup: Radio.Group },
//...
})

生产环境必须按照代码，才能正常识别 CardGrid 和 RadioGroup

<RadioGroup v-model:value="a">
<Radio value='1'></Radio>
</RadioGroup>

import { Card,  CardGrid, Radio, RadioGroup } from 'ant-design-vue';

export default defineComponent({
    components: { Card, CardGrid, Radio, RadioGroup },
//...
})

[zuihou]

Radio Group 、 Card. Grid uses these two components, but the production environment cannot recognize them after packaging? What is the principle (I can understand it if both environments can't recognize it)?

The development environment can normally identify CardGrid and RadioGroup according to the following code, but the production environment cannot identify CardGrid

<RadioGroup v-model:value="a">
<Radio value='1'></Radio>
</RadioGroup>

import { Card,  Radio } from 'ant-design-vue';

export default defineComponent({
    components: { Card, CardGrid: Card.Grid, Radio, RadioGroup: Radio.Group },
//...
})

The production environment must follow the code to properly identify CardGrid and RadioGroup

<RadioGroup v-model:value="a">
<Radio value='1'></Radio>
</RadioGroup>

import { Card,  CardGrid, Radio, RadioGroup } from 'ant-design-vue';

export default defineComponent({
    components: { Card, CardGrid, Radio, RadioGroup },
//...
})