求助 vue SSR 组件不渲染

最近在做ssr,项目基本完成
但是发现组件并没有被渲染。

server 关键代码

    const { app, meta, data } = await createApp(params)
const appContent = await renderToString(app)
const html = appContent.toString()
.replace('{{title}}', title)
.replace('{{keywords}}', keywords)
.replace('{{description}}', description)
.replace('<div id="app">', `<div id="app">${appContent}`)

组件 代码:

    <template>
  <container>
    <index-banner :data="state.banner" />
  </container>
</template>

<script>
import {
  defineComponent, reactive, onMounted
} from 'vue'

import container from '@m/Container/Index';
import IndexBanner from '@m/IndexBanner/Index';

入口代码
import { createSSRApp } from ‘vue’
import App from ‘./Index.vue’

export default () => {
return new Promise((resolve, reject) => {
const data={data: ‘test props’}
const app = createSSRApp(App, { data })
const title = data.data, keywords =title, description = title
const meta = { title, keywords, description }
return resolve({ app, meta, data });
})
}

渲染结果:

<body><noscript></noscript><div id="app"><container><index-banner></index-banner></container></div>

可以看到内容也就是仅仅是把模板内容弄出来了<container><index-banner></index-banner></container>
请问大概是什么原因造成的呢。
试了几种方式一直不对