问题标签 [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.
reactjs - 服务器端 webpack 无法从 node_modules 读取 css 文件
我正在尝试使用react-responsive-carousel创建一个组件。
但是在尝试为服务器端构建代码时收到以下消息。对于客户端,MiniCssExtract 加载器能够读取这个 css 文件:
我的 webpack.client.config 是
而 webpack.server.config 是
组件代码是这样的:
请帮忙。
error-handling - 使用 React SSR renderToNodeStream 处理错误
我试图弄清楚如何正确处理反应流的错误。假设里面有一个错误<App />
。捕获错误的最佳方法是什么?catch 块似乎没有捕获错误,因为当我在<App />
组件内抛出错误时,它不会 console.log 任何内容。我尝试添加stream.on('error', (err) => {console.log(err)});
,但也没有发现错误。我应该如何在服务器端的 App 中捕获错误?
node.js - 如何在没有 index.html 的情况下使用 Firebase 托管部署应用程序?
我没有 index.html 文件,该应用程序是 React SSR,它仅使用 index.js 入口文件构建。要启动我做的服务器node index.js
。如何在 Firebase 中部署应用程序?
reactjs - React SSR:客户端和服务器包上的静态文件
我正在开发一个 ssr React 应用程序,我只使用 Webpack 来创建客户端包。但是现在我必须添加像图像或自定义字体这样的静态文件,所以我还必须创建一个 Webpack 服务器文件来捆绑服务器代码。
所以这是我当前加载这些文件的设置。
从webpack.server.js
从webpack.client.js
所以,基本上我有相同的配置来包含我的静态文件,因此,我将在我的两个包 client.js 和 server.js 中包含相同的文件
其实我这里有两个问题。
在每个包中复制这些静态文件有多糟糕?
是否有任何设置可以告诉 Webpack 将常见的静态文件导出到 client.js 和 server.js 可以使用它们的隔离文件?
谢谢!
css - Webpack 4节点模块css - 语法错误:意外的令牌。(点)
我正在尝试将我的反应项目客户端渲染更改为服务器端渲染。
当我在 css 上使用我的 webpack 配置时出现问题,该配置在我的原始项目(客户端渲染)中得到了很好的使用。
它在构建时做得很好,但是当我执行时,它返回语法错误
我使用 webpack4 和 babel7。
这是我的 webpack.config.js。
和 babel.config.js
我认为这是由于 webpack nodeExternals 没有很好地排除 node_modules 造成的......
如何解决?
babeljs - 我收到关于未找到 babel-preset-react 的信息
但是,据我所知 - 我什至没有安装它。我相信我曾经使用过,但我正在将这个项目更新到 webpack4x 和 babel 7x。它是 webpack 3x 和 babel 6x。
这是我的 package.json
这是 React-SSR 项目的一部分。所以这是我的client.js(客户端应用程序的开头)
这是我的 .babelrc
我不太确定我是否缺少必要的包或配置错误...?
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 文件
错误输出
reactjs - 在 SSR 应用程序上加载有关 redux 初始状态的服务器数据
我创建了一个网站,它是 React+Redux Serverside Render 应用程序,用于加载服务器数据'不要抓取高度需要的内容。因此,我需要采取一种方法来为 redux 初始状态设置服务器数据,以便它可以打开具有完整内容的 Web 应用程序,但我不知道如何在我的代码中实现这一点。
Store.js
这是我的 Action.js
服务器.js
这是我的 index.js
我的 Component.js
我没有得到如何在我在 action.js 中定义的初始状态上设置 Aws 数据,我的组件总是显示我在 index.js 上定义的初始状态并且我无法保持渲染功能,如何解决这个问题。
gatsby - DOM 属性在 Gatsby 中不更新
我在运行后的静态文件上有一个奇怪的问题gatsby build
。
DOM 的属性(如className
)无法通过侦听 prop 更改来更新,但 DOM 的内容(如文本或 DOM 的子项)则不然。
- 仅在 gatsby-build 之后发生,也就是在 SSR 中
// 版本 1,不工作
// 版本 2,不工作
// 版本 3,工作
php - Laravel Spatie SSR 节点命令不工作总是显示“节点”不被识别为内部或外部命令
我正在尝试使用 laravel react js 的 ssr。虽然我正在为 laravel 使用 spatie ssr 包。所有配置设置已完成。但是每当我试图运行它的抛出错误时
我还检查了节点版本和系统环境路径设置。万事皆安。
节点版本 8.9.4
论据