Stack Overflow
Stack Overflow

Questions tagged [react-ssr]

55 questions
1
vote
2 answers

Error in react-toastify/dist/ReactToastify.css Module parse failed .Toastify__toast-container { | React SSR

i am getting error when i use Error in react-toastify npm module and server side rendering. toastify/dist/ReactToastify.css Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type. | Error: …
D V Yogesh
  • 3,337
  • 1
  • 28
  • 39
1
vote
0 answers

Laravel Spatie SSR Node Commands Not Working Always Displaying 'node' is not recognized as an internal or external command

Am trying ssr using laravel react js. While am using spatie ssr package for laravel. all configuration setup is done. but whenever i trying to run its throwing error public function mustRun(callable $callback = null, array $env = []) { …
Deepak
  • 19
  • 3
1
vote
0 answers

React SSR: Static files on client and server bundles

I'm working on a ssr React application where I was using only Webpack for creating the client bundle. But now I have to add static files like images or custom fonts so I have to create a Webpack server file for bundles the server code as well. So…
diemate
  • 11
  • 2
1
vote
0 answers

Server-side webpack not able to read css file from node_modules

I'm trying to create one component using react-responsive-carousel. But getting below message when trying to build the code for Server side. For Client Side, MiniCssExtract loader is able to read this css file: .carousel .control-arrow,…
smartSoc
  • 11
  • 3
1
vote
1 answer

Webpack code-splitting bundles hosted over two servers

My React SSR app loads modules at runtime when it knows which are needed. Webpack splits and bundles the code. The SSR app is hosted on server A, and the bundles must, for reasons beyond my control, be hosted on server B. How can I let Webpack know…
Lee Goddard
  • 10,680
  • 4
  • 46
  • 63
1
vote
1 answer

Prevent browser from making the same async calls as the server

I am following this tutorial: https://crypt.codemancers.com/posts/2017-06-03-reactjs-server-side-rendering-with-router-v4-and-redux/ which i think is the 'standard' way of doing server side rendering in react (?). Basically what happens is i use…
Shikyo
  • 1,430
  • 1
  • 14
  • 25
1
vote
0 answers

Using sass style variable with ssr when using ignore-styles package

I am using a setup similar to - https://github.com/ayroblu/ssr-create-react-app-v2 along with sass preprocessing. Now, styles have been ignored at the server side using the ignore-styles package - // Ignore those pesky…
digster
  • 392
  • 5
  • 20
0
votes
1 answer

Using Framer-motion with NextJS (v13.x.x) and getting error: "Prop `data-projection-id` did not match. Server: "null" Client: "4" at li"

Using framer motion in one of my Next JS project. Getting an unusual console error while trying reloading the page. The page is using SSR from the most recent version of Next JS (V13.X.X). Error describes as: Warning: Prop data-projection-id did…
Dibyendu Saha
  • 73
  • 2
  • 12
0
votes
0 answers

Is there any way to publish different profiles of React based on the environment parameter in Dotnet 6

As you can see, on dotnet publish command, it automatically assumes that it is being published only in production, but suppose that I want to publish for staging environment, is there any way to configure the target so that when executed for…
Sachihiro
  • 1,597
  • 2
  • 20
  • 46
0
votes
0 answers

React-SSR: You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file

I am trying to implement SSR in React and I am using webpack and babel configuration. webpack.shared.config.js module.exports = { mode: "development", module: { rules: [ { test: /\.js?$/, loader: "babel-loader", …
lazyCoder
  • 499
  • 1
  • 4
  • 17
0
votes
1 answer

Problem implementing react-ssr-adsense package

I am trying to get google adsense to work with my application. I have a react SSR application so I am trying to implement the react-ssr-adsense package. Code changes to implement include installing the package, updating the head section of the ssr…
j-terranova
  • 539
  • 1
  • 10
  • 23
0
votes
1 answer

Largest Contentful Paint timing really slow even though the largest content is loaded from the beginning

I am using react ssr with styled component and the google speed test says the largest content load speed is pretty slow. First paint time takes about 1.1s and the largest content for my site is image hero and it says it takes about 12s. However, the…
fiddlest
  • 1,262
  • 2
  • 17
  • 42
0
votes
1 answer

Next Js dynamic subpath

I am currently working on a next.js app and so far so good, all has been going on fine but my client wants a feature that's quite difficult for me to implement. SO the site is at mysite.com and routes like mysite.com/cars, mysite.com/vehicles,…
Kenshinman
  • 679
  • 8
  • 20
0
votes
1 answer

Did not expect server HTML to contain a in - AdSense ad within react hybrid

I have a little problem with loading AdSense ads with react. The site is based on asp.net and I normally render react components on the server-side using @Html.React("name of the component") and then if I need I update components with fetch calls so…
Krzysztof Tryc
  • 51
  • 1
  • 8
0
votes
0 answers

React server side rendering unable to import jsx files

I am using react server side rendering with node to generate pdf. I have 3 files index.js, PDF.jsx, helper.jsx index.js contains following code. let fileContent = await Fsp.readFile('PDF.jsx', 'utf-8'); let code = Babel.transform(fileContent, { …
Arkesh Kalathiya
  • 11
  • 2
1 2
3
4