小编ale*_*er1的帖子

我们的网站使用 NextJS 和 Material-UI，加载页面后，它会给出 FOUC。我已经将问题范围缩小到 JS 加载速度比 .css 文件更快，所以我想知道是否有办法预加载 .css 文件？我们所有的页面都使用相同的 .css 文件，该文件位于/pages/styles.css

这是/pages/_app.js如果有任何帮助的话：

// pages/_app.js
import { Provider } from 'next-auth/client'
import { createMuiTheme } from '@material-ui/core/styles';
import { ThemeProvider } from '@material-ui/styles';
import styles from './styles.css'

import Layout from '../components/layout'
import Head from 'next/head'

const theme = createMuiTheme({
  palette: {
    primary: {
      main: "#2196f3", // blue
    },
    secondary: {
      main: "#d3d3d3", // gray
    },
  },
});

export default function _App ({ Component, pageProps }) { …