在s-else的div里使用动态组件在ssr时会出现TypeError: Cannot destructure property 'id' of 'undefined' as it is undefined.

[binbinecust]

描述

import san from 'san';
import aaa from './a';
import bbb from './b';

export default san.defineComponent({
    template: `<div>
        <div s-if="{{random}}">
            hahaha
        </div>
        <div s-else>
            <div s-is="mycomponent"></div>
        </div>
    </div>`,
    components: {
        aaa,
        bbb
    },
    computed: {
        random() {
            return Math.random() > 0.5
        }
    }
})

其中mycomponent为服务端注入的数据。值可以为aaa或者bbb

结果

当random为false时，会出现如下错误提示

TypeError: Cannot destructure property 'id' of 'undefined' as it is undefined.
    at Object.getRenderer (node_modules/san-ssr/src/runtime/resolver.ts:32:34)
    at eval (eval at createRenderer (node_modules/san-ssr/src/target-js/index.ts:92:60), <anonymous>:31:32)
    at node_modules/san-ssr/src/target-js/index.ts:76:20

推断

经测试，只有在s-else 里面有动态组件的情况下才会报错，可能是模版解析时导致的。

初步解决方案

可以用s-if替代s-else/s-else-if

[github-actions]

🎉 This issue has been resolved in version 4.9.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[github-actions]

🎉 This issue has been resolved in version 4.9.1 🎉

The release is available on:

• npm package (@release-4.x dist-tag)
• GitHub release

Your semantic-release bot 📦🚀