问题标签 [server-rendering]

我在路线中有一个动态参数。当我直接打开 URL 时，它会引发错误。

为了让我的服务器知道我在服务器渲染中使用静态路由器的路由。

这是我的服务器渲染代码：

当我打开 /shared/12345 时，我在控制台中收到错误消息。 Uncaught SyntaxError: Unexpected token < main.js:1

main.js 是我的 webpack 生成的 bundle 文件

我的捆绑文件填充了 HTML 而不是 js。我认为这是问题所在

我正在使用反应服务器端渲染，当我的 api url 是静态的时，我得到一个响应并且我的服务器端渲染工作但是当我的 api url 中有一个有效（动态）参数时，我得到一个 api 响应但页面不会将响应注入服务器以呈现整个 html。（它只是执行客户端呈现）

我的行动 - 文件

我正在通过 Angular 项目实现 Angular Universal 以隐藏一些 http 请求，但在我的研究中，我发现我无法使用 Angular 提供的方式隐藏这些请求。是否有人尝试在快速引擎中执行 http 请求以检索数据？

目标是一个非常大的 Angular 5 项目（我知道..如果我想从服务器发出 http 请求，我不会使用 Angular 但我没有开始这个项目）

我在本文中应用了 Angular 推荐的配置： https ://angular.io/guide/universal

我想隐藏来自客户端的一些请求

我有基于电子商务的页面。整个页面不包含在单个反应应用程序中。

页面的大部分静态内容是使用 EJS 在服务器端呈现的。在客户端上渲染后，我们用它们自己的状态初始化两个隔离的 React 应用程序。

• 购物车应用程序。（显示代表购物车中物品数量的计数）
• 产品列表应用程序 - 产品列表应用程序呈现产品列表。

每个产品项目都有一个添加到购物车按钮。当用户点击它时，我们需要立即更新购物车中的计数而不刷新页面。

现在我的问题是，是否有一种方法可以在不渲染整个页面的情况下实现这一点。下面是我拥有的粗略的 HTML 标记。

我已经按照https://dev.to/rakannimer/server-side-rendered-real-time-web-app-with-next-js-aws-amplify-graphql-2j49中的这些步骤来设置 Amplify 但我认为，我错过了一些东西，这就是为什么我无法在 Windows 上的 cmd 中运行放大配置或放大初始化它显示以下错误： 在此处输入图像描述

我正在尝试react-rails为我的应用程序（https://github.com/reactjs/react-rails）进行设置。

最初设置它没有问题，但我预计会有很多不同的单独组件，所以我想/javascript/components整齐地组织我的文件夹。

所以我有这样的东西

AvatarSelector.tsx默认导出组件。

我有

在两者packs/application.js中packs/server-rendering.js

当我渲染HomeLogo组件时，无论有没有预渲染，一切都很好。当我然后去渲染组件时，react_component('character/avatar-selector/AvatarSelector', avatar_props, prerender: false)它也可以正常工作。

但是当我切换到prerender: true它时会出错。

我已经尝试过直接添加

到我的包并尝试将组件渲染为AvatarSelector但我仍然遇到相同的错误。

我正在尝试服务器渲染一个反应应用程序，我使用预设环境配置了 babel 以允许使用 import 语句，但它似乎不起作用，当我启动服务器时出现此错误：SyntaxError: Cannot use import statement outside a module

包.json：

服务器.js：

服务器渲染.js：

我有这些视图渲染调用：

您可能会注意到 - 没有传递动态数据。所以我想知道如何缓存这些视图？像这样的东西：

是这样吗？我想我错过了一些标题？没有人知道正确的标题是什么？

这是我要访问的路径：

这是 next.config.js：

但它返回了这个：

我应该怎么办？

当我尝试为 redux 进行配置时，我开始将 nextjs 集成到我的 react 应用程序中，但我发现它需要对 store 进行额外配置，例如 get preloadState 和其他东西不喜欢不理解就复制过去 方便我编辑和维护