微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决当浏览器禁用jsRollup和styled-jsx时,styled-jsx不会呈现样式

请你能帮我吗?

我正在从事博客项目,其中一项要求是即使浏览器禁用了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仍会加载

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。