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"
  ]
}

配置完成后重启项目就可以了。