WebStorm 中“无法解析 Vue 文件的目录‘@’”

Question

我正在使用 WebStorm 2021.2.4，当我创建 Vue.js 3 应用程序时，出现以下错误：

IDE 似乎无法识别@根目录src。我该如何解决这个问题？

Answer 1

修复PHPStorm 11中Vue 3.2、Vite 2.9、Laravel 9 和 TS 中的“无法解析目录‘@’”

请检查项目的根文件夹中是否tsconfig.json存在文件。如果没有，请创建它并添加以下代码：

{
    "compilerOptions": {
        "baseUrl": "./resources",
        "paths": {
            "@/*": ["js/*"]
        }
    },
    "include": [
        "env.d.ts",
        "resources/js/**/*",
    ],
}

如果您不使用打字稿，只需创建jsconfig.json版本。