Comments (1)
Assuming you're using something like React or Vue, the correct solution to this is only using window
in lifecycle hooks that never are run on the server.
With React, that'd be the componentDidMount
hook, with Vue, mounted
.
Part of Vue's SSR guide:
Since there are no dynamic updates, of all the lifecycle hooks, only beforeCreate and created will be called during SSR. This means any code inside other lifecycle hooks such as beforeMount or mounted will only be executed on the client.
Another thing to note is that you should avoid code that produces global side effects in beforeCreate and created, for example setting up timers with setInterval. In client-side only code we may setup a timer and then tear it down in beforeDestroy or destroyed. However, because the destroy hooks will not be called during SSR, the timers will stay around forever. To avoid this, move your side-effect code into beforeMount or mounted instead.
https://ssr.vuejs.org/en/universal.html
Hope this helps!
from laravel-server-side-rendering.
Related Issues (20)
- SSR React with import 'style.scss' dosnt work HOT 2
- process.env always empty HOT 2
- Target class [] does not exist. BindingResolutionException HOT 1
- It is not working HOT 1
- Svelte - TypeError : cannot set property '.svelte' of undefined at registerExtension. HOT 1
- How to catch errors in vue render HOT 1
- PHP 8 Support HOT 1
- error when using Style section
- Question about webcomponents
- vue3 support HOT 1
- Can rollback to support for Laravel 5.5 ~ 5.8? HOT 1
- html parameter of renderVueComponentToString is an empty string HOT 5
- nuxtjs SSR HOT 1
- nextjs SSR HOT 1
- self is not defined HOT 3
- Cannot find element: #app HOT 1
- document is not defined HOT 1
- Spatie-Laravel Server Side working absolutely fine over localhost but when I uploaded it to the server it shows ssr() is undefined Please help how to solve it? HOT 3
- Laravel SSR: ReferenceError: window is not defined HOT 1
- Use spatie/laravel-server-side-rendering for rendering blade and its js. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from laravel-server-side-rendering.