使用react-snapshot构建静态react页面时缺少DOM

文章/答案/技术大牛

发布

1回答

reactjs、create-react-app、prerender

这里是关于预渲染的新手，所以我将遵循本教程：https://medium.com/superhighfives/an-almost-static-stack-6df0a2791319 然后我就知道静态超文本标记语言是由react-snapshot构建的。script src="/static/js/main.4acc5dad.chunk.js"></script> </body> 正如您所看到的，

浏览 12提问于2019-01-28得票数 0

回答已采纳

1回答

使用Redux-持久化和route快照响应路由器V4保护的私有路由

javascript、reactjs、react-router、persistence、react-router-v4

: <Redirect to={{pathname: '/', state: {from: props.location}}} />}/>}authed通过使用页面刷新或重新加载等方式通过页面刷新来持久化实际行为，这是问题所在：使用authed === true (持久化)重新加载页面或刷新页面会导致以下操作(选中的redux devtools)："@@router/LOCA

浏览 0提问于2017-09-24得票数 15

1回答

如何使用反应头盔优化SPA的SEO？

node.js、reactjs、seo、single-page-application、meta-tags

我的项目是一个使用react的单一页面应用程序。我听说Google可以抓取javascript页面，包括react单页应用程序，而不需要服务器端呈现(尽管它通常更适合SEO)。然而，当我使用网站管理员工具:获取并呈现为google时，google机器人看到的内容和访问者看到的内容都是空白的。尽管我可以向google索引中添加特定的urls，但google只使用我在静态index.html文件中添加的标题和描述标记，它没有获得嵌套的<e

浏览 3提问于2016-08-20得票数 9

2回答

我想使用react cra使动态页面可索引

javascript、reactjs、next.js、create-react-app、server-side-rendering

所以我有一个有多个页面的社交媒体应用程序，它都是用create react app创建的，带有上下文api和用于路由的react-router和用于后端的laravel。现在，谷歌将无法索引这些动态页面，我已经尝试使用react-snapshot预先呈现页面，目前正在研究下一个js。我知道react有这个react dom服务器，在将页面发送到客户端之前，连接另一个服务器是不是一个好主意？有没有其

浏览 11提问于2020-07-16得票数 4

回答已采纳

1回答

在"<“上开玩笑(15:29)

javascript、reactjs、jestjs

当我使用"scripts": {"test": "react-scripts test --env=jsdom"}运行测试时，几乎所有的测试都正常工作。ReactDOM from 'react-dom';import ReactPage from '.": "^16.4.2", "react

浏览 0提问于2018-08-15得票数 0

回答已采纳

2回答

React facebook共享无法使用服务器端呈现的开放图形元标记

reactjs、facebook-opengraph、react-helmet

我试着在facebook上和React分享图片。我使用react-helmet npm动态添加了og:image标签，还使用react-snapshot预先渲染了构建。虽然查看源代码时，存在og:image URL，但当我尝试共享该图像时，它不会共享。如果我在index.html中提供静态og:image URL，则facebook将按预期工作。我已经尝试了使用react-snapshot和添加m

浏览 44提问于2019-08-05得票数 5

回答已采纳

3回答

Gatsby (静态生成的)是如何反应的？

reactjs、graphql、gatsby

最近，我了解到，我可以静态地生成与盖茨比的反应应用程序，但我很难理解这实际上意味着什么。 React是一个库，它允许我们拥有动态变化的UI，对吗？我们通过在浏览器上呈现JS文件(JS在客户端的浏览器上绘制DOM )并在用户进行更改或在浏览器上获取数据时响应更新页面。我的问题是，如果我使用盖茨比，每个内容都是静态构建的.那么，这是否意味着react不会在静态生成的站点上运行？所以我不能点击按钮对网站进行更改？，换句话说

浏览 4提问于2020-12-22得票数 2

1回答

react cookie同意不适用于公用文件夹中的html页面。

javascript、reactjs、frontend、web-frontend

我使用react-cookies-consent来显示cookies，它在每个组件上都没有任何问题，直到我需要将HTML页面添加到公用文件夹中，因为SEO的原因，现在cookies同意不会显示在这些页面上import React from 'react';import { render } from 'react-snapsh

浏览 5提问于2021-01-05得票数 1

1回答

react livechat不适用于react快照

reactjs

我一直在使用react-snapshot对我的站点进行服务器端呈现。我正在生产中使用它，但不在本地主机上使用。我使用它，以便在我的产品页面中注入我的元关键字/描述。执行工作很简单：这似乎在我的本地主机上工作得很好(在这里我没有使用当我将react-s

浏览 1提问于2019-08-28得票数 0

2回答

使用Create React* App创建静态HTML登录页面*

javascript、html、reactjs、frontend、create-react-app

嗨，我有一个静态的html登录页面，其中有自己的css，静态资产，并被链接到其他静态页面。因此，整个迷你项目有自己的index.html，关于-us.html，contact.html等。此外，我还通过CRA构建了一个react应用程序，其中我有一个非常酷的仪表板，现在我想将这两者结合起来，其中我的网站的入口点是登录页面，然后当你转到/dashboard路径，也就是我的react应用程序时, ect 我的React<

浏览 0提问于2020-07-13得票数 4

1回答

错误:导出HTML (src\pages\About.js)失败:不变失败

react-static、react-static-router

我将Switch路由器组件添加到我的项目中，以便设置默认页面。当我构建它时，它会出现以下错误： [byte-artisan]/[react-router-dom]/cjs/react-router-dom.min.js:1:1036 -

浏览 2提问于2019-03-16得票数 1

回答已采纳

3回答

react.js对静态内容驱动的站点有意义吗？

javascript、web-development、html

我非常喜欢react.js模型，因为它使DOM操作变得非常流畅和容易理解。但我想知道如何才能利用它的网站基本上是静态的大块文本和图像不移动。会不会挡着你的路？在自己的状态中使用文本的KBs组件似乎很尴尬。

浏览 0提问于2015-02-14得票数 13

1回答

如何对各个站点组件使用React

reactjs、webpack、preact

给定以下场景，如何在项目中使用React/Preact组件：在需要时按需加载特定于页面<

浏览 2提问于2017-01-26得票数 2

2回答

怎么可能反应位点是静态的呢？

reactjs、amazon-web-services、amazon-s3

这些建议是“使用S3桶”或“将其放在Github页面上”。当页面上的内容似乎根据某些请求和响应发生变化时，如何才能使应用程序是静态的呢？我如何知道是否可以静态地部署我的React应用程序(并单独部署我的后端)并将其抛到S3桶中，或者我是否需要在服务器中运行我的React应用程序？

浏览 1提问于2019-12-08得票数 1

回答已采纳

1回答

我已经使用ftp在wwwroot文件夹中部署了build文件夹。但是我的web url仍然在运行它的默认页面

azure、deployment、create-react-app

我已经使用Azure中的ftp在site/wwwroot/文件夹中部署了create-react-app构建文件夹。但我的web url仍然运行azure的默认页面那么我如何在Azure上部署我的静态create-react-app呢？": "^16.8.6", "react-bootstrap": &q

浏览 0提问于2019-06-21得票数 0

2回答

如何从Create React* App为我的主页生成静态HTML？*

reactjs、create-react-app、server-side-rendering、react-app-rewired、static-site-generation

我有一个CRA，并希望有第一个页面静态生成，以改善加载时间和搜索引擎优化。我们的想法是运行一个在index.html中呈现应用程序文档的NodeJS脚本。下面是我的代码： const { renderToString } = require("react-dom/server"); const App = require('./public/index.html', content); 但是，我在使用NodeJS运行它时

浏览 75提问于2021-06-27得票数 0

2回答

如何使用React前端和express后端从url获取参数？

javascript、reactjs、express、react-router、express-router

我正在构建一个带有express后端的react应用程序。我现在将socket io聊天功能添加到前端。一切工作正常，但现在我想从url访问params来设置socket-io通道名称。目前，我提供的静态文件如下所示：我尝试用下面的代码添加react-router-dom，但它根本不显示页面： import React from

浏览 0提问于2018-01-29得票数 0

3回答

创建react应用程序- npm运行构建问题

reactjs、ecmascript-6、redux、create-react-app

我正在使用create-react-app构建一个应用程序，当我运行npm run build时，它会创建一个包含静态文件夹的build文件夹。build--> static 但是当我在build文件夹中看到index.html文件时，assets的路径是/static而不是/build/static，这就是页面不能正确加载的原因，因为它缺少资产

浏览 0提问于2017-05-22得票数 5

回答已采纳

1回答

在生产中使用静态预渲染的反应性应用程序是否安全和优化？

reactjs、static、rendering、serverless、prerender

我使用create-react-app创建了一个页面反应应用程序，并使用命令npm run build将生产版本导出到build目录中。由于SEO友好的问题，反应应用程序有，我决定使用react-snapshot和react-snap，但第一个太老和过时，第二个有太多的问题在其GitHub回购。我想知道，如果我在浏览器中呈现生产版本(比如Chrome)，并将呈现的html、js和css导出到一个静态HTML文件中，会发生什么？

浏览 9提问于2022-06-21得票数 0

回答已采纳

1回答

错误:找不到模块vite，响应，反应-路由器-dom

reactjs、typescript、module、yarnpkg、vite

错误我尝试了以下解决方案，但没有一个完全解决问题：错误仍然存在。ts.config.中的创建文件xxx.d.ts，然后声明缺少模块和include

浏览 42提问于2022-02-14得票数 2

点击加载更多