defineAsyncComponent加载网络组件问题

[whyont]

在使用defineAsyncComponent加载网络组件的时候，已经加载到的组件报错 defineComponent方法没有，因为无法找到vue这个依赖，请问大哥们要怎么处理一下这个问题
const RemoteComponent = (src: string, props: any = {}) => defineAsyncComponent({ loader: () => import(src).then(module => ({ ...module.default, ...props })), props })
这个是我的加载组件的方法

[liulinboyi]

Can you provide a minimum reproduction or git repository?

[whyont]

我有一个链接 https://imotor01.oss-cn-qingdao.aliyuncs.com/test/components/button1046.es.js 可以下载到一个打包好的vue的按钮组件，接下来调用这个方法
const RemoteComponent = (src: string, props: any = {}) => defineAsyncComponent({
loader: () => import(src).then((module) => ({ ...module.default, ...props })),
props,
})
RemoteComponent(src);
网络正常加载了这个文件

但是报错

这个vue对象为空的
打包这个文件的配置是使用了rollupOptions和external没有将vue打包，但是打包后的文件在vue环境中加载后找不到vue依赖，所以想问问是不是这个defineAsyncComponent加载网络远程组件，组件内部依赖的文件和外部找不到；（ps：暂时没有考虑线上环境的情况，可能打包之后加载远程组件内部的import {defineComponent} from 'vue'代码会有问题）

[KtfwyCJ]

请问这个按钮组件是以什么样的方式打包的呢？

[whyont]

这个组件是ESM的打包方式

[KtfwyCJ]

谢谢，我研究下。