next.js - 当浏览器禁用 js 时 styled-jsx 不渲染样式（Rollup 和 styled-jsx）

Question

拜托，你能帮帮我吗？

我正在开发一个博客项目，其中一个要求是即使浏览器禁用了 javascript，该博客也能正常工作。当使用“https://github.com/dionatanaraujo/rollup-styled-jsx”项目“https://github.com/Tomekmularczyk/rollup-styled-jsx”的一个分支时，我们注意到禁用浏览器javascript时组件没有样式。

如何模拟错误：

1. 进入根项目并运行npm install，然后npm run build:prod
2. 进入demo工程cd demo运行npm install然后npm run dev
3. 访问浏览器 http://localhost:3000，进入设置并禁用 javascript。
4. 请注意，不会加载样式。

请问，此配置中是否存在错误或缺失，以便在禁用 javascript 时样式可以正常工作？

启用 js 的组件库（工作正常）：

禁用 js 的组件库（样式不起作用）：

/ demo 中的项目使用 Next.js 构建以与 SSR 一起使用。请，如果有人可以提供帮助，那将是非常有益的。

Answer 1

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