当浏览器禁用jsRollup和styled-jsx时，styled-jsx不会呈现样式

编程问答 2022-08-11

问题描述

请你能帮我吗？

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

如何模拟错误：

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

请问，此配置是否存在任何错误或缺失，以便在禁用javascript时样式能够正确运行？

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

enter image description here

禁用了js的组件库（样式无效）：

enter image description here

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

解决方法

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

rollupstyled-jsx