NextJS - 服务器端 css 渲染
[英]NextJS - Server side css render
问题描述
I'm wondering how to render the CSS style in the server as well?
我想知道如何在服务器中渲染 CSS 样式？ I'm on production mode!我在生产模式！
_app.js _app.js
import {useEffect} from "react";
import Head from "next/head";
import Script from "next/script";
import '../style/global.css'
function MyApp({ Component, pageProps }) {
return (<>
<Head>
{/*<link type="text/css" rel="stylesheet preload prefetch" href={'../style/global.css'} />*/} //Not Working
<title>MyTitle</title>
<main id={'container'} className={'containerApp'}>
<Component {...pageProps} />
</main>
</>)
}
export default MyApp
When I put external CSS link it works and I can see the server loaded the CSS style当我放置外部 CSS 链接时，它可以工作，我可以看到服务器加载了 CSS 样式
_app.js _app.js
<link type="text/css" rel="stylesheet preload prefetch" href={'https://google.com/style/global.css'} />
0 个解决方案
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
Nextjs 检查初始渲染是否在服务器端完成 - Nextjs check if initial render was done on server side
NextJS 12 的样式化组件在服务器端不起作用（缺少 ZC7A628CBA22E28EB17B5F5C6AE2A266AZ 首次渲染） - Styled components with NextJS 12 not working server side (missing css first render)
Nextjs 不在服务器端渲染中渲染 CSS - Nextjs is not rendering CSS in Server Side Rendering
将 Apollo Client 与 NextJS 一起使用时服务器端渲染数据？ - Server-side render data when using Apollo Client with NextJS?
在 nextjs 和 material-ui 的服务器端渲染期间组件闪烁？ - Components flicker during server side render for nextjs and material-ui?
单击NextJS的按钮后，服务器端在React中渲染模式 - Server-side render a modal in React upon clicking a button for NextJS
NextJS 服务端渲染 - NextJS server side rendering
Keen-slider 在第一次渲染时不适用于服务器端渲染 - NextJS - Keen-slider doesn't work well with Server-side render on the first render - NextJS
初始服务器端渲染后如何使用React + NextJS立即重新渲染客户端？ - How to immediately re-render client-side using React + NextJS after initial server-side render?
刷新服务器端道具 - Nextjs - Refreshing Server side props - Nextjs
相关标签