解決Vue項目中import xxx from '@/utils' 符號下有灰色波浪線的問題

解決了下划線后,鼠標點擊可以跳轉到對應的文件

 

Running webpack configuration improves coding assistance but may execute potentially malicious code. Skip running if you don't trust the source.
Trust project and run    Skip

 

如果上面沒有,改為選擇第三個 Manually

在Vue3中vite開發的時候,需要手動創建一個文件,比如我的名字叫做 zzz_fei.config.js (名字隨便起),,文件內容如下

/** 此文件沒有在項目中使用， 只是為了讓 Webstorm 可以識別實際位置 */
const path = require("path");

function resolve (dir) {
  return path.join(__dirname, dir);
}

module.exports = {
  resolve: {
    alias: {
      "@": resolve("src"),
    },
  },
};

最后按照第二張圖,把地址指向這文件即可