WebStorm 2017.3导入组件报错：'./'报错而'.'正常，遗留代码库无法修改

我之前也踩过WebStorm这个路径提示的坑，针对你说的遗留代码里import GroupFooter from './'出现错误提示、但.导入正常的情况，给你几个亲测有效的解决思路：

1. 调整WebStorm的导入路径识别设置 #

WebStorm默认可能对目录导入的格式有严格校验，你可以修改相关设置来适配你的代码：

• 打开 File > Settings > Languages & Frameworks > JavaScript > Imports（如果你的项目用TypeScript，就切换到TypeScript标签下的Imports选项）
• 找到Directory import相关的配置项，确认是否开启了允许识别目录下的入口文件（比如index.js/index.ts），如果没有勾选，就把对应的选项打开；另外也可以检查是否有禁止./这种格式的规则，调整为允许即可。

2. 配置目录为资源根并刷新缓存 #

有时候WebStorm的索引没跟上也会导致路径识别错误：

• 右键点击你项目中出现问题的目录，选择 Mark Directory as > Resource Root，让WebStorm把这个目录标记为资源根目录，这样它会优先识别该目录下的入口文件
• 如果还是不行，试试 File > Invalidate Caches / Restart，选择Invalidate and Restart，清除WebStorm的缓存并重启，很多奇怪的索引问题都能通过这个方法解决。

3. 临时屏蔽单个提示（不想改代码的话） #

因为你维护的是遗留代码库没法批量修改，也可以单独屏蔽这个错误提示：

• 把鼠标悬停在黄色波浪线上，按下Alt+Enter（Windows/Linux）或者Option+Enter（Mac）
• 在弹出的菜单里选择 Inspection 'Unresolved path' options > Disable inspection（全局关闭这个检查）或者 Suppress for statement（只屏蔽这一行的提示），这样就不会再看到这个导入语句的错误提示了。

举个例子，针对你的代码：

import GroupFooter from './' // 之前会触发黄色波浪线

用上面任意一种方法都能消除这个不必要的错误提示。

内容的提问来源于stack exchange，提问作者Lesbaa