Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-25 15:15:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(nuxt): throw error if setInterval is used on server (#25259)

Browse Source
This commit is contained in:
Sébastien Chopin 2024-01-19 23:38:15 +01:00 committed by GitHub
parent c93c526f50
commit 90d8518c84
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/nuxt/src/app/compat/interval.ts Normal file
View File

@ -0,0 +1,14 @@
import { createError } from '../composables/error'
const intervalError = '[nuxt] `setInterval` should not be used on the server. Consider wrapping it with an `onNuxtReady`, `onBeforeMount` or `onMounted` lifecycle hook, or ensure you only call it in the browser by checking `import.meta.client`.'
export const setInterval = import.meta.client ? window.setInterval : () => {
if (import.meta.dev) {
throw createError({
statusCode: 500,
message: intervalError
})
}
console.error(intervalError)
}

2
packages/nuxt/src/app/composables/ssr.ts
View File

@ -29,7 +29,7 @@ export function useRequestHeaders (include?: any[]) {
}
/** @since 3.9.0 */
export function useRequestHeader(header: string) {
export function useRequestHeader (header: string) {
if (import.meta.client) { return undefined }
const event = useRequestEvent()
return event ? getRequestHeader(event, header) : undefined

4
packages/nuxt/src/imports/presets.ts
View File

@ -25,6 +25,10 @@ const granularAppPresets: InlinePreset[] = [
imports: ['requestIdleCallback', 'cancelIdleCallback'],
from: '#app/compat/idle-callback'
},
{
imports: ['setInterval'],
from: '#app/compat/interval'
},
{
imports: ['useAppConfig', 'updateAppConfig'],
from: '#app/config'