Javascript next.js/next/static/css/{}.css未加载

Javascript next.js/next/static/css/{}.css未加载,javascript,css,next.js,server-side-rendering,Javascript,Css,Next.js,Server Side Rendering,我正在使用next.js构建我的网站,并试图让样式表正确呈现 首先,您可以通过访问重新创建问题。将你的网速限制在快速3G,你会发现有时它会加载一个没有样式的页面。如果进一步限制,通常情况下,页面会停止加载未设置样式的内容,并且我会收到一个错误,请求URL:加载失败(网络超时或连接重置) 我试过很多解决办法。例如,使用此处概述的情感服务器: 尝试分别加载关键css: 基本上,这个线程的解决方案是: 上面的工作似乎是将css直接导入到_document.js中。我的问题是,上面提到的{str

我正在使用next.js构建我的网站,并试图让样式表正确呈现

首先,您可以通过访问重新创建问题。将你的网速限制在快速3G,你会发现有时它会加载一个没有样式的页面。如果进一步限制,通常情况下,页面会停止加载未设置样式的内容,并且我会收到一个错误,请求URL:加载失败(网络超时或连接重置)

我试过很多解决办法。例如,使用此处概述的情感服务器:

尝试分别加载关键css:

基本上,这个线程的解决方案是:

上面的工作似乎是将css直接导入到_document.js中。我的问题是,上面提到的{string}部分似乎在不同的渲染上发生了变化,而动态导入该部分并不奏效

我已经链接到了我的_document.js和next.config.js。任何帮助都将不胜感激

_document.js: next.config.js: