next.js报style-jsx错误

Author Avatar
GoDotDotDot 11月 30, 2017
  • 在其它设备中阅读本文章

next.js报style-jsx错误

错误代码

今天在部署生产版本时,却突然发现页面报错,而在开发环境下并未出现任何异常,出现的异常错误信息如下:

app.js:12 Error: StyleSheetRegistry: styleId: `jsx-1771141567` not found.

上面的错误代码导致页面渲染时被渲染成next.js错误页面

解决方案

通过查找next.js官方issues,原因是由于项目代码中出现空的style-jsx标签,如

<style jsx>{`

`}</style>

next.js在打包生产版本时会对css文件进行优化,而空的标签内容将会被移除,但是会存在style-jsx模块化ID,所以在页面加载时会导致next.js找不到styleId

要想解决此问题,只要将项目中所有的空style标签全部移除即可。

基于MIT开源协议
本文链接:http://blog.godotdotdot.com/2017/11/30/next-js报style-jsx错误/