Webstorm 排查插件问题 tailwind 不提示

Question

背景：听说 webstorm2020.3 支持 tailwindcss 了，于是便更新到这个版本，然后 vite-tailwind 搞起来，结果有些项目可以智能语法提示，有些不可以，于是便提交了 issue，jetbrains 员工让我输入一个命令，然后提供 idea.log 文件，我在提交前在 log 中搜索了 Tailwind, 发现原来可以直接看到这个插件报了什么错。

Trace

进入 Help 展开 tab，选择 Diagnostic tools ，再选择 debug log setting ，输入以下命令即可，然后正常使用

#com.intellij.tailwind:trace

日志

Help 面板，选择 show log in finder ，找到日志文件 idea.log ，找到了这个报错

2021-04-03 00:45:00,528 [ 312804]  DEBUG - ilwind.service.TailwindService - Exit code: 1. Output: postcss-functions: postcss.plugin was deprecated. Migration guide:
https://evilmartians.com/chronicles/postcss-8-plugin-migration 
   TypeError: Object.entries(...).flatMap is not a function
    at flattenColorPalette (/Users/xxx/Documents/webstormProjects/vite-vue2-windicss-starter/node_modules/tailwindcss/lib/util/flattenColorPalette.js:8:83)
    at /Users/xxx/Documents/webstormProjects/vite-vue2-windicss-starter/node_modules/tailwindcss/lib/plugins/divideColor.js:27:53
    at  

罪魁祸首，从这里我们可以看到 Object.entries(...).flatMap is not a function ，为什么呢？因为 flatMap 是 Nodejs v11 才有的。所以我们需要设置 webstorm 的 node 版本为 11 以上，即可解决问题。

解决