执笔看墨花开💜千千 执笔看墨花开💜千千
首页
  • JavaScript
  • Vue
  • React
  • HTML
  • CSS
  • 算法
  • 工具教程
  • 面试题清单
  • 大前端
  • HTML
  • CSS
  • JS
  • Vue
  • React
  • 零碎
  • 杂言碎语
  • 前端
  • 工具
  • 设计 & CSS
  • 社区 & 平台 & 博客
  • 网站
  • 推荐库
  • 值得一读
  • 分类
  • 标签
  • 归档
  • 心情杂货
  • 友情链接
  • 关于
GitHub (opens new window)

执笔看墨花开

顺其自然
首页
  • JavaScript
  • Vue
  • React
  • HTML
  • CSS
  • 算法
  • 工具教程
  • 面试题清单
  • 大前端
  • HTML
  • CSS
  • JS
  • Vue
  • React
  • 零碎
  • 杂言碎语
  • 前端
  • 工具
  • 设计 & CSS
  • 社区 & 平台 & 博客
  • 网站
  • 推荐库
  • 值得一读
  • 分类
  • 标签
  • 归档
  • 心情杂货
  • 友情链接
  • 关于
GitHub (opens new window)
  • JS文章

  • Vue文章

  • 跨端开发

  • React文章

  • 杂文

    • Webstorm排查插件问题
      • 为什么前端监控要用GIF打点
      • Bilibili短链生成器
      • Typora Bilibili图床插件
      • 防盗链那些事之referer
      • 获取B站SESSDATA
      • serverless+webpack解决node_modules空间大的问题
      • SPA单页应用直接使用百度统计
      • 先concat再去重引发的性能问题
      • 利用引用与时间戳解决一次性能问题
      • 批量新建工作项界面卡顿
      • 大用户数量加载慢分析
    • CSS

    • 前端
    • 杂文
    执笔看墨花开
    2021-04-03

    Webstorm排查插件问题

    # 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
    
    1

    # 日志

    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  
    
    
    1
    2
    3
    4
    5
    6
    7

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

    # 解决

    编辑 (opens new window)
    上次更新: 2021/05/06, 11:28:55
    识海
    为什么前端监控要用GIF打点

    ← 识海 为什么前端监控要用GIF打点→

    最近更新
    01
    Vue2
    08-26
    02
    JS编程题
    08-26
    03
    前言
    08-26
    更多文章>
    Theme by Vdoing

    © 2021-2021 执笔看墨花开

    粤ICP备2021110554号
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式
    ×