Next.js 当浏览器禁用js时,样式化jsx不会呈现样式(汇总和样式化jsx)

Next.js 当浏览器禁用js时,样式化jsx不会呈现样式(汇总和样式化jsx),next.js,rollup,styled-jsx,Next.js,Rollup,Styled Jsx,拜托,你能帮我吗 我正在从事一个博客项目,其中一个要求是,即使浏览器禁用了javascript,博客也能正常工作。使用项目时“https://github.com/dionatanaraujo/rollup-styled-jsx“叉子”https://github.com/Tomekmularczyk/rollup-styled-jsx“,我们注意到当禁用浏览器javascript时,组件没有进行样式设置 如何模拟错误: 进入根项目并运行npm安装,然后运行npm运行构建:prod 进入演示项目

拜托,你能帮我吗

我正在从事一个博客项目,其中一个要求是,即使浏览器禁用了javascript,博客也能正常工作。使用项目时“https://github.com/dionatanaraujo/rollup-styled-jsx“叉子”https://github.com/Tomekmularczyk/rollup-styled-jsx“,我们注意到当禁用浏览器javascript时,组件没有进行样式设置

如何模拟错误:

  • 进入根项目并运行
    npm安装
    ,然后运行
    npm运行构建:prod
  • 进入演示项目
    cd-demo
    并运行
    npm-install
    ,然后运行
    npm-run-dev
  • 访问浏览器http://localhost:3000,转到设置并禁用javascript
  • 请注意,不会加载样式
  • 请问,此配置中是否存在错误或缺失,以便在禁用javascript时样式可以正常工作

    启用js的组件库(工作正常):

    禁用js的组件库(样式无效):


    该项目位于/demo中,是使用Next.js与SSR一起构建的。如果有人能帮上忙,那将是非常有益的。

    这不是一个真正的问题,文档中说,当您在开发模式下禁用javascript时,将不会加载css,但在生产模式下会加载css。尝试在vercel上部署您的博客并禁用javascript,您将看到css仍然会被加载