Webstorm排查插件问题(tailwind不提示)
背景:听说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以上,即可解决问题。