jsconfig 路径别名不起作用 Sveltekit

Question

我正在使用 svelte 工具包（带有 typescript）并且已经创建了一些短links 并且无法让新的 link "$base" 工作。我在这里添加了短link

./jsconfig.json

{
  "compilerOptions": {
    "module": "commonjs",
    "baseUrl": ".",
    "paths": {
      "$lib":   ["src/lib"],
      "$lib/*": ["src/lib/*"],
      "$base":  ["src/baseApp"],
      "$base/*":["src/baseApp/*"]
    }
  },
  "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.svelte"]
}

也没有智能感知

More details about jsconfig.json here

我还发现了一些关于

我试过了，没用

除了 jsconfig.json 之外，我还尝试将路径添加到我的 tsconfig.json 文件中

{
    "extends": "./.svelte-kit/tsconfig.json",
    "compilerOptions": {
        "allowJs": true,
        "checkJs": true,
        "esModuleInterop": true,
        "forceConsistentCasingInFileNames": true,
        "resolveJsonModule": true,
        "skipLibCheck": true,
        "sourceMap": true,
        "strict": true
    },
    "paths": {
        "$lib":   ["src/lib"],
        "$lib/*": ["src/lib/*"],
        "Base":  ["src/baseApp"],
        "Base/*":["src/baseApp/*"]
      }
}

Answer 1

尝试将路径添加到项目根目录中的 svelte.config.js 文件

...
import path from 'path';

/** @type {import('@sveltejs/kit').Config} */
const config = {
    ...
    kit: {
        ...
        vite: {
            resolve: {
                alias: {
                    $lib: path.resolve('./src/lib'),
                    $base: path.resolve('./src/baseApp'),
                }
            }
        }
    }
};

export default config;

jsconfig 路径别名不起作用 Sveltekit

jsconfig path alias is not working Sveltekit

javascript

typescript

visual-studio-code

sveltekit

我试过了，没用