在带有Nuxt.js的项目中如何使用stencil.js进行SSR（也包括SSR）

JavaScript Vue.js

卡卡西

2020-04-07

我想stencil在我的nuxt项目中使用一个库。

我能够使其工作，但是当vue组件在服务器端呈现时，我只能使stencil的组件在客户端呈现。

我认为最大的问题是defineCustomElement需要将其window作为参数。

我知道stencil.js在我的理解中，它具有基本上是SSR的“ prerender”，我想将其与Nuxt.jsSSR 一起使用。

所以我的问题是：如何配置nuxt项目以支持服务器端渲染stencil.js？

第4129篇《在带有Nuxt.js的项目中如何使用stencil.js进行SSR（也包括SSR）》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答
Stafan 2020.04.07

确实，您有一种解决方法

  1. 您必须以unpkg或任何其他公共（或私有）CDN发布Web组件
  2. 在您的nuxt.config.js文件中，在部分脚本中添加脚本。该脚本必须引用您的公共库（https://stenciljs.com/docs/javascript）

有关如何向您的nuxt项目添加外部资源的更多信息，请阅读：https ://nuxtjs.org/faq/- >如何使用外部资源

干杯

飞云 2020.04.07

哦，是的，正如Aldarund所说，您不能，我更好地查看了prerendering页面，据说那里的prerender发生在构建时间上，所以这是不可能的：/太糟糕了

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android