Comments (8)
While debugging this error:
In dist/runtime/nitro/routes/html.mjs renderIsland string with plain HTML
const island = await renderIsland(options);
console.log('island', island);
// island <!DOCTYPE html><html><head><meta http-equiv="refresh" content="0; url=/ru"></head></html>
And that's why
head.push(island.head); // → head.push(undefined)
But why fetch /__nuxt_island/${payload.component} return plain string I dont solve yet
from og-image.
In nuxt.config I have this:
experimental: {
componentIslands: true,
},
from og-image.
I think this problem is caused by nuxt i18n and option in nuxt.config i18n.strategy = 'prefix'
from og-image.
Looks like a bug with Unhead not being able to handle a null entry useHead(null)
from the nuxt i18n module.
I've pushed up a fix to Unhead which will filter out these entries so it won't throw an exception.
Not too sure why this would throw an error on this page though and what the nuxt i18n module is doing, will keep open to investigate further.
from og-image.
Yes, but after fixing this the problem with island components still there, because
const island = await renderIsland(options);
console.log('island', island);
// island <!DOCTYPE html><html><head><meta http-equiv="refresh" content="0; url=/ru"></head></html>
instead island JSON
from og-image.
Hm I see, looks like I'll need to add support for @nuxtjs/i18n
from og-image.
Hey, just had some time to get back to this issue. I'll need your nuxt.config or a StackBlitz to try and fix it, I'm not exactly sure how you're doing the redirect or how it connects to how this module works.
from og-image.
Going to close for now as I'm trying to close all issues off for the v2 stable release coming. Will re-open if you can provide the details :)
from og-image.
Related Issues (20)
- Having `@nuxt/image` dependency installed throws error on Nuxt restart (in dev mode) HOT 3
- satoriOptions width and height crop the image instead of reducing resolution
- How to Upload images to Cloudflare Images HOT 5
- Using nuxt-18n inside og-image component HOT 5
- Can't set headline on Pergel example
- `baseURL` get duplicated for the url of `og:image` HOT 5
- Adding a custom font doesn't disable the previous added fonts HOT 2
- Seems so have issues with [email protected] HOT 3
- Can't use the image generation : Get 404 Page not found: /__nuxt-og-image HOT 3
- Nuxt config default url does not apply for clean defineOgImage
- Using <slot> in a component causes OgImage generation issues
- Circular export in `useNitroApp` HOT 2
- Error: Could not load /github/workspace/node_modules/@css-inline/css-inline-wasm/index_bg.wasm?module HOT 2
- Gradient HOT 1
- Support .webp images? Currently this causes a server error 500 HOT 2
- fix: vercel serverless function crashing
- 500 Image size cannot be determined. Please provide the width and height of the image HOT 3
- Setting Colorscheme to `dark` for `NuxtSeo` template doesn't make the text a light color.
- feat: Support Arabic language
- fix: Duplicated Import HOT 3
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 og-image.