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

【问题标题】：The styled-jsx does not render the style when the Browser has js disabled (Rollup and styled-jsx)当浏览器禁用 js 时 styled-jsx 不渲染样式（Rollup 和 styled-jsx）
【发布时间】：2020-12-26 04:15:12
【问题描述】：

拜托，你能帮帮我吗？

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

如何模拟错误：

进入根项目并运行npm install然后npm run build:prod
在演示项目中输入cd demo并运行npm install然后npm run dev
访问浏览器http://localhost:3000，进入设置并禁用javascript。
请注意，不会加载样式。

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

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

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

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

【问题讨论】：

标签： next.js rollup styled-jsx

【解决方案1】：

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

【讨论】：