webstorm 不识别 路径别名 @

4,593 阅读1分钟

前情提要

今天用 webstorm 打开旧项目系统工程时,按 F12import 的组件时,竟然发现跳不过去。

观察了下定义处的代码,发现 @/page/index/components/xxx/tableData 有下划线警告

import tableData from '@/page/index/components/xxx/tableData';

后面发现自己的工程的 路径别名配置 webpack.config.js 位置不是在项目根目录下,所以 webstorm 自动识别不到。

解决方案

既然 webstorm 自动识别不到,那么我们就手动定义位置。

  1. 打开 设置
  2. 搜索 webpack
  3. 修改 webpack 配置文件解析 方式,改 自动手动

image.png

修改完毕点击 确定, 下方会有 webstorm 在重新索引的信息进度条 出现,跑完就发现解决了