WebStorm 无法解析符号 'defineComponent'

悠扬的幻想天空 - 博客

February 24, 2022 技术 • 作者:悠扬

具体原因是 Vue3 的组合式API无法在 WebStorm 中正确识别,表现为 defineComponent, ref, reactive, toRefs, computed, UnwrapRef, createVNode 等无法被识别:

解决办法:选择node_modules文件夹,右键选择Mark Directory as,最后选择Not Excluded即可。

实际原因是因为 WebStorm 的配置问题,根据 文档,项目中的文件夹总共分为四类:

  • Source:默认选项,所有文件夹默认都被视为Source除非设置为了Tests/Resource Root/Excluded
  • Tests:标记为测试的文件夹
  • Resource Root:资源文件夹,在输入某些需要资源的代码时,比如<img src=xxxx>,会自动提示该文件夹路径下的资源文件
  • Excluded:代码补全、代码导航等会忽略的文件夹。这个选项能提高WebStorm性能

在设置中搜索Directories可以发现node_modules默认是Excluded


添加新评论