Tailwind CSS(PostCSS 插件)与 Next.js 10.0.3 在开发环境中出现 Javascript 堆内存不足错误

2023-12-21

要重现该问题,您可以使用此示例并在开发环境中运行。

https://github.com/vercel/next.js/tree/canary/examples/with-tailwindcss https://github.com/vercel/next.js/tree/canary/examples/with-tailwindcss

上面的示例在开发环境中的内存使用率也非常高,这对于下一个 js 应用程序来说并不常见。

我尝试了不同版本的 tailwindcss 和 Next.js 的组合,但问题仍然存在。 PS:我正在使用 Ubuntu 20.04(如果这有任何帮助的话)。


我也遇到这个错误FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory当我将 Tailwind(2.2.2) 集成到我的 NextJS (10.2) 项目中时。

一些关于内存泄漏的 github 问题讨论指出了优化的使用<Image/>NextJs 的组件。 所以我暂时恢复到img标签,到目前为止很稳定。

没有理想的解决方案,但尝试一下。

我也禁用了JITTailwind 模式正在开发中。

Github 讨论#1 https://github.com/vercel/next.js/issues/23637 #2 https://github.com/vercel/next.js/issues/23189

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Tailwind CSS(PostCSS 插件)与 Next.js 10.0.3 在开发环境中出现 Javascript 堆内存不足错误 的相关文章

随机推荐