问题标签 [react-ssr]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
172 浏览

reactjs - 服务器端 webpack 无法从 node_modules 读取 css 文件

我正在尝试使用react-responsive-carousel创建一个组件。

但是在尝试为服务器端构建代码时收到以下消息。对于客户端,MiniCssExtract 加载器能够读取这个 css 文件:

我的 webpack.client.config 是

而 webpack.server.config 是

组件代码是这样的:

请帮忙。

0 投票
0 回答
512 浏览

error-handling - 使用 React SSR renderToNodeStream 处理错误

我试图弄清楚如何正确处理反应流的错误。假设里面有一个错误<App />。捕获错误的最佳方法是什么?catch 块似乎没有捕获错误,因为当我在<App />组件内抛出错误时,它不会 console.log 任何内容。我尝试添加stream.on('error', (err) => {console.log(err)});,但也没有发现错误。我应该如何在服务器端的 App 中捕获错误?

0 投票
0 回答
321 浏览

node.js - 如何在没有 index.html 的情况下使用 Firebase 托管部署应用程序?

我没有 index.html 文件,该应用程序是 React SSR,它仅使用 index.js 入口文件构建。要启动我做的服务器node index.js。如何在 Firebase 中部署应用程序?

0 投票
0 回答
288 浏览

reactjs - React SSR:客户端和服务器包上的静态文件

我正在开发一个 ssr React 应用程序,我只使用 Webpack 来创建客户端包。但是现在我必须添加像图像或自定义字体这样的静态文件,所以我还必须创建一个 Webpack 服务器文件来捆绑服务器代码。

所以这是我当前加载这些文件的设置。

webpack.server.js

webpack.client.js

所以,基本上我有相同的配置来包含我的静态文件,因此,我将在我的两个包 client.js 和 server.js 中包含相同的文件

其实我这里有两个问题。

  1. 在每个包中复制这些静态文件有多糟糕?

  2. 是否有任何设置可以告诉 Webpack 将常见的静态文件导出到 client.js 和 server.js 可以使用它们的隔离文件?

谢谢!

0 投票
1 回答
1373 浏览

css - Webpack 4节点模块css - 语法错误:意外的令牌。(点)

我正在尝试将我的反应项目客户端渲染更改为服务器端渲染。

当我在 css 上使用我的 webpack 配置时出现问题,该配置在我的原始项目(客户端渲染)中得到了很好的使用。

它在构建时做得很好,但是当我执行时,它返回语法错误

我使用 webpack4 和 babel7。

这是我的 webpack.config.js。

和 babel.config.js

我认为这是由于 webpack nodeExternals 没有很好地排除 node_modules 造成的......

如何解决?

0 投票
1 回答
124 浏览

babeljs - 我收到关于未找到 babel-preset-react 的信息

但是,据我所知 - 我什至没有安装它。我相信我曾经使用过,但我正在将这个项目更新到 webpack4x 和 babel 7x。它是 webpack 3x 和 babel 6x。

这是我的 package.json

这是 React-SSR 项目的一部分。所以这是我的client.js(客户端应用程序的开头)

这是我的 .babelrc

我不太确定我是否缺少必要的包或配置错误...?

0 投票
1 回答
454 浏览

reactjs - Reactjs TypeError:无法读取未定义的属性“toLowerCase”(react-router-config)

我使用 Reactjs 进行服务器端渲染,使用 react-router-config 包来实现 ssr,但是在将 React Router 更改为 react-router-config 代码之后。应用程序停止工作

将代码正常 React 路由器更改为 react-router-config 代码后,错误显示给我

在静态路由器中

我的 package.json 文件

Routes.js 文件

clinet.js 文件

渲染器.js

index.js 文件

错误输出

0 投票
1 回答
1594 浏览

reactjs - 在 SSR 应用程序上加载有关 redux 初始状态的服务器数据

我创建了一个网站,它是 React+Redux Serverside Render 应用程序,用于加载服务器数据'不要抓取高度需要的内容。因此,我需要采取一种方法来为 redux 初始状态设置服务器数据,以便它可以打开具有完整内容的 Web 应用程序,但我不知道如何在我的代码中实现这一点。

Store.js

这是我的 Action.js

服务器.js

这是我的 index.js

我的 Component.js

我没有得到如何在我在 action.js 中定义的初始状态上设置 Aws 数据,我的组件总是显示我在 index.js 上定义的初始状态并且我无法保持渲染功能,如何解决这个问题。

0 投票
1 回答
222 浏览

gatsby - DOM 属性在 Gatsby 中不更新

我在运行后的静态文件上有一个奇怪的问题gatsby build

DOM 的属性(如className)无法通过侦听 prop 更改来更新,但 DOM 的内容(如文本或 DOM 的子项)则不然。

  • 仅在 gatsby-build 之后发生,也就是在 SSR 中

// 版本 1,不工作

// 版本 2,不工作

// 版本 3,工作

0 投票
0 回答
322 浏览

php - Laravel Spatie SSR 节点命令不工作总是显示“节点”不被识别为内部或外部命令

我正在尝试使用 laravel react js 的 ssr。虽然我正在为 laravel 使用 spatie ssr 包。所有配置设置已完成。但是每当我试图运行它的抛出错误时

我还检查了节点版本和系统环境路径设置。万事皆安。

节点版本 8.9.4

论据