Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/fortran/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何制作模板&;角度万有功_Angular_Angular Universal_Stenciljs - Fatal编程技术网

Angular 如何制作模板&;角度万有功

Angular 如何制作模板&;角度万有功,angular,angular-universal,stenciljs,Angular,Angular Universal,Stenciljs,我想在我的Angular应用程序中使用Angular Universal进行SSR SSR工作,但使用模具制作的Web组件不会呈现(禁用JS时不工作) LitElement和Vanilla JS web组件也不起作用 我发现模具有一个dist-hydrate脚本输出,可以让它工作 但是我还没有找到任何关于它的文档,查看源代码也没有帮助。(我不知道如何使用hydrateDocument()或renderToString()方法) 谢谢=) 添加到模具配置中的输出目标 { type: 'dist-h

我想在我的Angular应用程序中使用Angular Universal进行SSR

SSR工作,但使用模具制作的Web组件不会呈现(禁用JS时不工作)

LitElement和Vanilla JS web组件也不起作用

我发现模具有一个
dist-hydrate脚本
输出,可以让它工作

但是我还没有找到任何关于它的文档,查看源代码也没有帮助。(我不知道如何使用
hydrateDocument()
renderToString()
方法)

谢谢=)

添加到模具配置中的输出目标

{ type: 'dist-hydrate-script' },
这将创建一个可在服务器上使用的应用程序

const { renderToString  } = require('../client/hydrate');
以及使用express:

app.get('/', async (_req, res) => {

    const { html } = await renderToString("<my-component></my-component>", {
        prettyHtml: true
    })

    res.send(html);
})
app.get('/',异步(_-req,res)=>{
const{html}=await renderToString(“{
漂亮的HTML:真的
})
res.send(html);
})

嘿,你找到解决方案了吗?没有,我没有找到解决方案,对不起:(