WebStorm 无法解析符号 'defineComponent'

具体原因是 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。