vue路徑別名無法識別，Cannot find module

編輯器：vscode；

技術：vue-cli4，ts；

 

例子：import { login } from "@api/user";

問題：Cannot find module '@/*'.Vetur(2307)；

此種情況無法找到模塊也不能點擊，但是編譯后是可以使用的。

 

原因：無法解析別名模塊。

 

解決方法：

將項目放到vscode工作區根目錄（只留一個項目）；

在vscode中添加插件：Path Intellisense

點擊插件的設置按鈕：

 

 

 選擇擴展設置：

 

 

 選擇在settings.json中編輯：

 

 

 添加對應的別名解析：

 

 

 到此，插件配置完畢，重啟vscode編輯器；

如果是 typescript 開發環境，需要配置項目根目錄的 tsconfig.json 文件

 修改paths，添加對應的模塊：

 

 

 

如果是 JavaScript 開發環境，在項目根目錄創建 jsconfig.json 文件

{
  "compilerOptions": {
      "target": "ES6",
      "module": "commonjs",
      "allowSyntheticDefaultImports": true,
      "baseUrl": "./",
      "paths": {
        "@/*": ["src/*"],
        "@api/*": ["src/api/*"]
      }
  },
  "exclude": [
      "node_modules"
  ]
}

配置完成后重啟項目就可以了。