rsbuild+svelte+js vscode cannot jump normally

[Liu7i-67]

I created the svelte+js project using the pnpm create rsbuild@latest command

I modified the configuration of rsbuild.config.mjs as follows:

import { defineConfig } from "@rsbuild/core";
import { pluginSvelte } from "@rsbuild/plugin-svelte";

export default defineConfig({
  plugins: [pluginSvelte()],
  server: {
    port: "9001",
  },
  html: {
    template: "./index.html",
  },
  resolve: {
    extensionAlias: {
      ".svelte": ["/index.svelte", ".js", ".css", ".json"],
    },
  },
  source: {
    alias: (opts) => {
      opts["@"] = "./src";
      opts["pages"] = "./src/pages";
      opts["assets"] = "./src/assets";
      opts["components"] = "./src/components";
      opts["tools"] = "./src/tools";
    },
  },
});

There is no problem with the program running, but there is no reaction when I want to click on the red box to jump to the corresponding location in vscode.

What am I supposed to do, ask for help.

[chenjiahan]

You can configure aliases through the paths configuration in tsconfig.json, which is the recommended approach in TypeScript projects as it also resolves the TS type issues related to path aliases.

See: https://rsbuild.dev/guide/advanced/alias#using-tsconfigjsons-paths-configuration

[Liu7i-67]

Ok, thanks a lot. After I configured tsconfig.json, I can jump normally