Stack Overflow
Stack Overflow

Questions tagged [react-snap]

59 questions
19
votes
6 answers

ERROR: Failed to download Chromium r686378! Set "PUPPETEER_SKIP_CHROMIUM_DOWNLOAD" env variable to skip download

I am trying to install react-snap using this command 'sudo npm install --save-dev react-snap' in ubuntu 18 it's give me the error ERROR: Failed to download Chromium r686378! Set "PUPPETEER_SKIP_CHROMIUM_DOWNLOAD" env variable to skip…
Bahadur Singh Deol
  • 753
  • 2
  • 6
  • 17
7
votes
2 answers

react-snap and react-router together make a problem

I need to start a react application and I need pre-rendering and routing, so I installed react-snap and react-router. (The react-router to do the routing and react-snap for pre-rendering obviously). Everything looks fine in the local with 'npm…
Amir Shahbabaie
  • 1,352
  • 2
  • 14
  • 33
5
votes
0 answers

Error Building react-snap: Protocol error (Network.getResponseBody): Target close

I'm getting an error when building my react project using react-snaps. I've looked around and all the errors are related to puppeteer - but I'm not using puppeteer to fetch content directly like those questions so the answers don't apply. The issue…
Zach
  • 468
  • 9
  • 17
3
votes
0 answers

Broken styles issue with React-snap

We have created a web app using react native web. We want to add a server-side rendering to our app. We have added a code to render the page server-side, but it's not working, I can see the blank white page in the network preview tab and the server…
mitesh7172
  • 666
  • 1
  • 11
  • 21
3
votes
1 answer

Heroku: puppeteer chrome: error while loading shared libraries: libX11-xcb.so.1

I get following error when deploying app with react-snap to Heroku. puppeteer/.local-chromium/linux-686378/chrome-linux/chrome: error while loading shared libraries: libX11-xcb.so.1: cannot open shared object file: No such file or directory I…
János
  • 32,867
  • 38
  • 193
  • 353
3
votes
0 answers

react-snap, confusion about re-rendering after the static page loads?

I'm trying react-snap and it works in that pages are turned into static versions and served, but then React loads and then re-loads/re-renders everything. 1) Is this expected or is there any way to prevent the re-load / re-render after React…
Michael
  • 101
  • 1
  • 6
3
votes
0 answers

Problem in Pre-rendering React app with React-snap

I'm using react to develop my project and I'm trying to pre-render it with React-snap. When I try to build my project, react snap will crawl in project and create an html from routes. But there is a problem, when i deploy the built project, it will…
Behnam Eskandari
  • 1,011
  • 12
  • 27
3
votes
1 answer

React-Snap with Create-React-App and Service Workers

So, my understanding is that react-snap as per its features "Works out-of-the-box with create-react-app - no code-changes required." I read through the documentation and I see that it required some adjusting to work with Google Analytics which I…
NSL
  • 51
  • 1
  • 8
3
votes
2 answers

react-snap: getting "processGoogleToken is not defined" error

I'm trying to populate static pages from a react app using react-snap and I keep getting this error on every page. I don't find anything online on this error, same with "VM1516 integrator.js". Any idea what's causing this?
bArmageddon
  • 8,088
  • 6
  • 22
  • 40
3
votes
1 answer

react-snap no such file or directory

I have an app that works in the following way: Client bundles are built with webpack and output to /client/app/public/build. An express server runs from /server/index.js and renders a handlebars template using some environment variables. After I…
Aaron Cunnington
  • 1,631
  • 2
  • 15
  • 23
2
votes
0 answers

Post building react-snap is throwing error "EINVAL: invalid argument, mkdir"

I have installed react-snap version "^1.23.0" and attached postbuild script "react-snap" and ran npm run build. It did crawl most of the pages and after completing last but one page, it showed the above error. Does it have any other dependencies…
vam
  • 492
  • 7
  • 17
2
votes
0 answers

Why react-snap push fails to Heroku?

I went through setup of react-snap, but when pushing to Heroku it fails. https://www.npmjs.com/package/react-snap Do you have any idea why? remote: Error: Failed to launch chrome! remote:…
János
  • 32,867
  • 38
  • 193
  • 353
2
votes
1 answer

react-snap: prevent double load

I am using react snap on my VueJS site https://lernzettel.org However, react-snap introduces a double-first-load of the content, i.e. Pre-rendered version shows up Pre-rendered version vanishes Content is loaded from the CMS & displayed How can I…
Leonard Storcks
  • 499
  • 6
  • 9
2
votes
1 answer

How to get React-Snap to Index Full Website

I have installed react-snap and want it to index my pages so that they are available for SEO; I have integrated with docker per the below dockerfile. But whenever I do a docker build it says 'crawled 1 out of 1 (/)', so I do not think it is getting…
HeronAlgoSearch
  • 1,581
  • 2
  • 18
  • 35
2
votes
1 answer

Using react-snap for SEO

I'm using react snap for SEO. Here's what I did. I added the following to index.js in my react application import React from 'react'; import { hydrate, render } from "react-dom"; const rootElement = document.getElementById("root"); if…
Chris Hansen
  • 7,813
  • 15
  • 81
  • 165
1
2 3 4