58 questions
0
votes
1
answer
118
views
react-snap points to localost:4567 at images in js and css
i did a simple React project that contains a css file and a react component that uses a img tag to display an image. The css is just using a background image at body.
package.json:
{
"name&...
4
votes
0
answers
724
views
React vite is giving me error while setup of react-snap
getting error in setup of react-snap in React vite
I tried this + "source": "/dist" it creates 200.html how do i solve this problem
🔥 pageerror at /: SyntaxError: Unexpected ...
1
vote
0
answers
316
views
react-snap redirect URL to new URL with '/' slash
I've implemeted a react-snap to create static html. However, after implemetin the react-snap I noticed SEO issues which the old urls (which were index) have been redirected to new urls with slash
...
1
vote
0
answers
96
views
Prerender React-snap app faild in postbulid when deploying on AWS Amplify
My build is failing on AWS amplify. I am not able to find the root of the cause.
I have added post build script for react-snap. Once amplify finishes the npm run build successfully, react-snap is ...
0
votes
1
answer
208
views
Running React App with React Snap on AWS Amplify
My build is failing on AWS amplify even after crawling is successful. I am not able to find the root of the cause. I'll share the package.json file and the amplify.yml used along with the screenshot ...
0
votes
0
answers
346
views
Pre-rendering react-snap not working; easy way to migrate cra to nextjs
I have build a react application in which there are multiple API calls integration to fetch the data as well. In order to improve performance, seo score and Google adsense integration I need to make ...
1
vote
0
answers
371
views
home page appears on all routes with react-snap
i am using react-snap to pre-render pages with react-helmet and it works fine but i ran into two problems
first: home page appears on top of all pages and in all routes
second: meta tags of home page ...
2
votes
1
answer
674
views
React snap is working perfect when running in localhost but in my remote server it is not working and also not giving any error
After build and post build with react snap when I am trying to see if the meta tags are working properly or not by using chrome extension "localhost open graph debugger" and metatags.io ...
0
votes
2
answers
6k
views
react-snap is failing when building
I've created an app using create-react-app and everything was working fine, including the build. I've followed the steps to implement react-snap (installed using npm, modified index.js, and added the ...
0
votes
2
answers
2k
views
React App unable to deploy on AWS Amplify
I have an application which displays different meta information for different pages.
The Meta information for Homepage
The meta information for about page
The meta information for contact page
I ...
1
vote
0
answers
326
views
How do I resolve "react-snap error on running build"
I installed react snap to my react project and then when I run build it doesn't crawl each page instead shows some error. Previously it was working fine, but don't know what happened now. this is the ...
1
vote
1
answer
588
views
React-snap faild in postbulid when uploading to AWS Amplify
I`ve pushed my react project to AWS amplify with git. I installed the react-snap package for SEO reasons. When inspecting the Amplify Console, it shows that the provision step succeeded, but the ...
1
vote
0
answers
366
views
Page crashed error coming when using react-snap
So react-snap automatically runs after npm run build which is defined in postbuild command ,
Sorry i had to comment my computer paths due to company policy
[email protected] postbuild /home/xxxxxx/xxxx/...
0
votes
1
answer
1k
views
Running react-snap on AWS codebuild
I have a react website that I host on AWS. I have created code pipeline in AWS that connects to my github, which automatically builds the projects using codeBuild and deploys it to S3.
I'm trying to ...
1
vote
0
answers
424
views
react-snap changes the path by adding extra '/'
react-snap changes the path by adding extra '/'. For example, when i try to go to '/en', it redirects to '/en/'. So page shows ErrorScreen (not found). I can not access to my paths ('/en', '/en/about',...
0
votes
1
answer
712
views
Added react-snap to a react project and unlinked pages and 404 are not loading with correct content
Recently moved to react-snap on a react site (so I can live that meta tag preview life if anyone shares links to my work).
A weird issue I'm having is that my unlinked pages, especially my 404 page is ...
0
votes
1
answer
5k
views
How to pre-render React components inside conditional render?
I'm trying to do some SEO for my static React application. The problem is that react-snap that I use for pre-rendering only pre-renders the front page of my app, because that opens to user by default ...
1
vote
0
answers
446
views
ContentfulReact .env.environment file error
I created a blog with contentful api in the client folder with the api keys located in the .env.devlopment file. I also have an .env file to hold my api keys for cloudinary in the same client folder. ...
-1
votes
1
answer
844
views
Editing the generated content of React after build
I'm using react-snap to pre-generate my website content instead of client side rendering.
After building the project, when I manually edit index.html, the changes only get applied if the edited ...
4
votes
0
answers
411
views
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 ...
0
votes
1
answer
769
views
React-snap build fails unless build folder is uploaded to server
I'm using ReactJS and need some help with the build.
I am hosting a static site on a dedicated server.. in order to process that site I currently run my build locally and upload the 'build' folder to ...
0
votes
1
answer
358
views
Firebase issue with react-snap
I trying to load items from firebase on the homepage and it keeps giving me an error. Anyone have any advice?
I'm following the guides on https://github.com/stereobooster/react-snap
and implementing ...
0
votes
1
answer
2k
views
react-snap is not rendering html on the page
I am trying to render html on the page as source code by using react-snap plugin, with the following configuration in package.json
package.json
{
..//
"scripts": {
"test": &...
0
votes
1
answer
668
views
Prerendering React app with compressed (gzip) sources with use of react-snap
I am trying to prerender my react app with react-snap. My project is not using create-react-app.
// react-snap configuration
{
inlineCss: true,
source: "dist",
...
2
votes
0
answers
258
views
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 ...
1
vote
0
answers
811
views
Rewrites and redirects configuration for deploying a react app with react-strapi on AWS amplify?
I have a react application with react-snap that works fine on an ec2 instance.
The nginx configuration on the instance looks something like
server {
root /var/www/xxx.yyy.com;
index ...
5
votes
0
answers
1k
views
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 ...
0
votes
1
answer
1k
views
Serviceworker - WorkBox v3.5 "Unable to find a place to inject the manifest" in CRA
I'm trying to replace the default React app serviceworker with a custom one because its setting the index route to "index.html" whereas I need to it go to "200.html" for react-snap....
3
votes
1
answer
2k
views
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 ...
2
votes
0
answers
248
views
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: /tmp/...
1
vote
2
answers
3k
views
Material UI - MakeStyles Overridden
Good day, im attempting to add custom CSS to a material UI App Bar but all the styles i apply using the makeStyles function is overridden by the default Material UI styling. The only fix is to apply !...
1
vote
0
answers
610
views
Error setting up react-snap for Reactjs/nodejs app hosted on heroku
I'm trying to set up react-snap in my reactjs project being hosted on heroku. I followed the instructions on the react-snap READme and have included the following in my client-side index.js:
import {...
0
votes
0
answers
307
views
Prerender routes behind authentication
I'm currently trying to prerender my routes so that they can be placed on S3 as a static site, without the need to point error pages to index.html. Even though the app would work, the HTTP response ...
2
votes
1
answer
356
views
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
...
0
votes
1
answer
205
views
react-snap appends routes (vue-router)
I am using router-links on my pages. After implementing react-snap, those stopped working correctly, routes are appended. I looked into the generated HTML and everything is fine there.
Take a look at ...
2
votes
1
answer
1k
views
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 ...
2
votes
0
answers
376
views
React and React-Snap on Heroku – exceeded slug size
App structure
I've got an app that's being deployed to Heroku. The folder structure looks like this:
- package.json // package.json for my backend.
- node_modules // My Express API node modules
- ...
2
votes
1
answer
4k
views
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 ...
1
vote
1
answer
3k
views
react-snap not detecting all routes
<BrowserRouter>
<Switch>
<Route
exact
path="/"
component={EmailVerification}
/>
<Route ...
0
votes
2
answers
352
views
video doesn't autoplay after use react-snap
I have a video run in the background in my react app. It works perfectly and auto-plays on page load.
here is the code JSX I have used.
<video
autoPlay
loop
style={{
...
24
votes
6
answers
42k
views
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 "...
1
vote
1
answer
96
views
react-snap removing api key from build
I am using react-snap to pre-render my site and in my index.html file I have the code below
<div id="snipcart" data-api-key="key"></div>
however it outputs the code as below
<div id="...
1
vote
0
answers
768
views
react-snap 404.html file exists
I get the below error when trying to run react-snap, I can see alot of people that have run into similar issues but I haven't seen a solution to fix this so far.
It builds to a folder called dist and ...
4
votes
0
answers
402
views
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 ...
1
vote
1
answer
3k
views
why react-snap only pre-render main page in SPA application?
I have a simple project SPA application base on react and react-router-4.I have multiple routes in my project like:
www.mySite/build/#/
www.mySite/build/#/page1/page12
www.mySite/build/#/page2
When I ...
2
votes
0
answers
137
views
How can I develop multi language ReactJS App
I'm trying to build website using reactJS and headless CMS Wordpress.
Here is my App.js code:
<Switch>
<Route exact path="/:lng" component={Home} />
<...
3
votes
0
answers
1k
views
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 ...
3
votes
1
answer
2k
views
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 ...
1
vote
2
answers
1k
views
How to exclude Intercom scripts from react-snap prerender
I want to exclude the Intercom scripts (JS and CSS, I think, but is 400KBs of stringified code) from a react-snap prerender build.
All other scripts are already excluded but Intercom cannot be and ...
2
votes
1
answer
3k
views
Prevent react-snap from putting all JS script links into generated files
I'm messing around with using react-snap to pre-render my new blog, and everything works quite fantastically except for a few things.
For some reason, scripts were being included in the headers, but ...