webstorm不能识别@import “~@/assets/css/main“的解决办法

导入的项目npm install后，发现css引用报错，报错内容：Cannot resolve directory '~@'。

既然是不能解析目录，猜想不是项目本身的问题，应该是webstorm或者eslint配置问题。

鉴于eslint已经配置好，所以应该是webstorm没有配置好，百度了一下，发现网上的文章真是牛头不对马嘴。。。。不过还好，最后让我找到了解决方法！

问题：

webstorm不能识别项目中导入css文件的目录， @import "~@/assets/css/main"

解决方法：

在webstorm setting -> languages&frameworks -> webpack里选择配置文件路径为 node_modules/@vue/cli-service/webpack.config.js即可。

总结：应该是webstorm根据webpack.config.js文件解析项目，找不到文件所以就不能解析，所以报错。

目录不能识别对项目本身没有影响，但是总有一条错误在哪里，看着太难受了！