san-ssr renderToSource之后的源码，没有父组件的方法，导致服务端渲染执行父组件方法报错

[EzrealDeng]

先贴代码

src/father.san

<template>
    <div class="content">Hello this is father</div>
</template>

<script>
import {Component} from 'san';
export default class Father extends Component{
    initData() {
        return {
            name: 'San'
        };
    }
    fatherSay() {
        console.log('father say something');
    }
};
</script>

src/test.san 继承father.san

<template>
    <div class="content">Hello {{name}}!</div>
</template>

<script>
import Father from './father';
export default class Test extends Father{
    constructor() {
        super();
    }
    initData() {
        return {
            name: 'San'
        };
    }
    inited() {
        this.fatherSay(); // 这里执行父类的代码
    }
};
</script>

src/app.js

import san from 'san';
import Test from './test.san';

var MyApp = san.defineComponent({
    template: '<div on-click="logA"><test />3333</div>',
    components: {
        'test': Test
    },
    logA: function () {
        console.log('myAOPPPPP');
    },
});

if (typeof window === 'object') {
    const app = new MyApp();
    app.attach(document.getElementById('app3'))
}

export default MyApp;

app.js构建出/dist/main.js，随后使用compileToSource 把app变成服务端渲染的source

ssr.js

const { compileToRenderer, compileToSource } =  require('san-ssr');
const App = require('./dist/main');
const fs = require('fs');

const source = compileToSource(App.default);
fs.writeFileSync('./render.js', 'exports = module.exports = ' + source, 'utf-8');
const render = require('./render');
const html = render({});
console.log('html:', html);

此时ssr的render函数执行时会报this.fatherSay is not a function 错误
如果直接使用compileToRender函数编译出来的render则没有这个错误。

[meixg]

我来修复一下，完成后回复。

[meixg]

fixed: baidu/san-ssr#112
升级 san-ssr 到 v4.7.0