diff --git a/src/runtime.ts b/src/runtime.ts
index 2233a26..e82a57b 100644
--- a/src/runtime.ts
+++ b/src/runtime.ts
@@ -189,7 +189,7 @@ export function getRequestDependencies(ssrContext: SSRContext, rendererContext:
export function renderStyles(ssrContext: SSRContext, rendererContext: RendererContext): string {
const { styles } = getRequestDependencies(ssrContext, rendererContext)
return Object.values(styles).map(resource =>
- renderLinkToString({ rel: 'stylesheet', href: rendererContext.buildAssetsURL(resource.file) }),
+ renderLinkToString({ rel: 'stylesheet', href: rendererContext.buildAssetsURL(resource.file), crossorigin: '' }),
).join('')
}
@@ -214,7 +214,7 @@ export function getPreloadLinks(ssrContext: SSRContext, rendererContext: Rendere
rel: resource.module ? 'modulepreload' : 'preload',
as: resource.resourceType,
type: resource.mimeType ?? null,
- crossorigin: resource.resourceType === 'font' || resource.resourceType === 'script' || resource.module ? '' : null,
+ crossorigin: resource.resourceType === 'style' || resource.resourceType === 'font' || resource.resourceType === 'script' || resource.module ? '' : null,
href: rendererContext.buildAssetsURL(resource.file),
}))
}
@@ -225,7 +225,7 @@ export function getPrefetchLinks(ssrContext: SSRContext, rendererContext: Render
rel: 'prefetch',
as: resource.resourceType,
type: resource.mimeType ?? null,
- crossorigin: resource.resourceType === 'font' || resource.resourceType === 'script' || resource.module ? '' : null,
+ crossorigin: resource.resourceType === 'style' || resource.resourceType === 'font' || resource.resourceType === 'script' || resource.module ? '' : null,
href: rendererContext.buildAssetsURL(resource.file),
}))
}
diff --git a/test/compat.test.ts b/test/compat.test.ts
index 6ea8952..41c5611 100644
--- a/test/compat.test.ts
+++ b/test/compat.test.ts
@@ -31,7 +31,7 @@ describe('renderer with vite manifest', () => {
it('renders styles correctly', async () => {
const { renderStyles } = await getRenderer()
expect(renderStyles()).to.equal(
- '',
+ '',
)
})
it('renders resource hints correctly', async () => {
@@ -78,7 +78,7 @@ describe('renderer with webpack manifest', () => {
it('renders styles correctly', async () => {
const { renderStyles } = await getRenderer()
expect(renderStyles()).to.equal(
- '',
+ '',
)
})
it('renders resource hints correctly', async () => {
@@ -88,7 +88,7 @@ describe('renderer with webpack manifest', () => {
[
'',
'', // dynamic import
- '', // dynamic import CSS
+ '', // dynamic import CSS
'',
'',
'', // dynamic entrypoint
diff --git a/test/renderer.test.ts b/test/renderer.test.ts
index e26e372..bdaa133 100644
--- a/test/renderer.test.ts
+++ b/test/renderer.test.ts
@@ -36,8 +36,8 @@ describe('renderer', () => {
expect(renderStyles().split('>').slice(0, -1).map(s => `${s}>`).sort()).toMatchInlineSnapshot(
`
[
- "",
- "",
+ "",
+ "",
]
`,
)
@@ -80,8 +80,8 @@ describe('renderer', () => {
"",
"",
"",
- "",
- "",
+ "",
+ "",
]
`)
})
@@ -93,9 +93,9 @@ describe('renderer', () => {
])
expect(renderStyles().split('>').slice(0, -1).map(s => `${s}>`).sort()).toMatchInlineSnapshot(`
[
- "",
- "",
- "",
+ "",
+ "",
+ "",
]
`)
const result = renderResourceHints().split('>').slice(0, -1).map(s => `${s}>`).sort()
@@ -112,7 +112,7 @@ describe('renderer', () => {
"",
"",
"",
- "",
+ "",
"",
]
`)