问题标签 [server-rendering]

我正在尝试设置我的服务器端渲染angular app，我已按照此处的说明进行操作：

https://github.com/angular/angular-cli/wiki/stories-universal-rendering

每个命令都成功运行，但是在启动节点服务器后，当我尝试访问该 url 时，它会抛出以下错误：

我正在尝试将 React-Select V2.0 与 Next.JS 一起使用，但在服务器加载时，选择元素未设置样式并且会闪烁以设置样式。

我尝试使用 Next.JS 的 Emotion 示例来服务器渲染情感样式（https://github.com/zeit/next.js/tree/master/examples/with-emotion），但它似乎与 Styled-JSX 冲突我使用它，我得到了错误StyleSheet: insertRule accepts only strings.

我尝试使用此处显示的 Emotion babel 配置选项：https ://github.com/emotion-js/emotion/blob/master/docs/configurable-imports.md#babel-options

但这会导致整个页面呈现为未设置样式，然后闪烁以设置样式。

有谁知道如何在 Next.JS 上使用 React-Select V2 和服务器渲染？

谢谢。

我正在寻找一种呈现 HTML 的方法，并在浏览器（比如说 firefox）之后获取 if 的整个文档源，呈现它......问题是我使用了一些编号，只是外观，比如作为 CSS::before或 javascript 来突出显示代码块，或渲染 Mathjax。

我的问题是，是否有办法进行“服务器渲染”来做到这一点？如果有怎么办？

我正在考虑构建我的 react 应用程序，目的是同时构建 web 和 mobile 。我遇到了Next js并正在考虑使用它。但是，困扰我的是，考虑到服务器端渲染是在服务器中渲染的，这是否适用于移动应用程序？我的意思是离线时我的移动应用会发生什么？服务器端渲染是否适用于移动应用程序？我是否对服务器渲染的工作方式感到困惑？请高度赞赏更好的解释。

我有一个遵循此文件结构的流星应用程序https://guide.meteor.com/structure.html#example-app-structure并使用 React 的服务器渲染。在本地测试时meteor --port 3000，客户端通过/start/client/index.js's 附加了 eventHandlers ReactDOM.hydrate(<App />, document.getElementById('app'));。但是，在部署到 Galaxy 之后的生产环境中，没有附加到 DOM 的事件处理程序。我尝试console.log对客户端文件进行操作，但没有日志。关于我可以尝试解决此问题的任何想法？

PS：我尝试通过测试这个meteor --port 3000 --production，我设法复制了这个问题，但似乎这不是“复制”这个问题的好方法。

我有一个 ExpressJS 服务器，它有时会在初始渲染时渲染错误的用户数据。请参阅下面的（略微简化的）版本。

问题是该index.ejs文件经常将错误的用户数据呈现在reduxState...中呈现错误的用户数据

我的困惑是因为我希望调用会像每个用户的请求import { store } from 'routes.js'一样覆盖商店。{}问题似乎在于，它store正在成为网站上每个用户的组合商店。

如何确保每个用户在网站上只能看到他们的数据？

路由.js

服务器.js

索引.ejs

React 组件中的示例fetchData函数

我正在尝试实现流星反应服务器端渲染。我已经删除了templating包并添加了static-html包，就像react在流星中使用 for ui 一样。

现在的问题是，当我使用任何服务器端渲染实现运行应用程序时，它工作正常。这意味着如果我查看页面源代码，我会看到带有渲染目标 div 的基本标记。但是当我实现服务器渲染代码时，它给出了这个错误

```

=> Exited with code: 1 => 您的应用程序正在崩溃。等待文件更改。

```

这是我的server/main.js code

但是当我评论这条线 import Routes from "../imports/startup/routes";和所有出现的路线时，一切都恢复正常了。

这是路由文件代码

我怎样才能使这项工作并停止出现此错误？

谢谢。

我想以这样一种方式服务器渲染一个 HTML 表单，直到它被我的 JavaScript 异步增强之前它是不可提交的。

看起来元素(MDN)disabled没有属性。form

我可以disabled向提交按钮添加一个属性（然后在准备好后使用 JavaScript 将其删除），但用户仍然可以通过聚焦任何输入并按下 来提交表单Enter。

有什么方法可以防止在没有 JavaScript 的情况下提交（只是将表单完全隐藏在服务器呈现的 HTML 中，然后用 JS 取消隐藏）？

我正在使用 react-static 生成一个静态网站。使用新useLayoutEffect的钩子 API，我在静态渲染阶段收到此警告（与服务器端渲染相同的 API）：

当然，这是有道理的。但是当一个人确定不会有任何不匹配时，摆脱这个警告的好选择是什么？

在我的布局效果中，我只是在body标签中添加了一些 CSS，因此在客户端的水合阶段不会出现任何不匹配（因为body不是 React 的业务）。

React 强烈禁止使用条件钩子，但在那种非常特殊的情况下，做这样的事情是否有意义：

什么是正确的方法？

当我访问/m/song时，htmlstring 仅包含 Layouts 组件

htmlstring 应该包含 Layouts 和 Song 组件。