Typescript path alias not working

In my tsconfig.json I set a path alias but when I execute quasar dev I get the following output:

These dependencies were not found:
* @/components/admin/admin in ./src/router/routes.ts
* @/components/admin/box-plan/box-plan.component.vue in ./src/router/routes.ts
....

This is my complete tsconfig.json:

{
  "compilerOptions": {
    "target": "es5",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "importHelpers": true,
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "sourceMap": true,
    "baseUrl": ".",
    "types": [
      "quasar"
    ],
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "dom",
      "dom.iterable",
      "scripthost"
    ],
    "typeRoots": [
      "src/types",
      "node_modules/@types"
    ],
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.vue"
  ],
  "exclude": [
    "node_modules"
  ]
}

OS: macOS Catalina (10.15.2) Node: v10.16.3 NPM: 6.9.0

Before I moved to Quasar, this app was built by a Vue CLI app and the Typescript Configuration worked as expected.

[qstiegler]

@IlCallo Thanks a lot for your help. This worked:

chainWebpack (config) {
  config.resolve
    .alias
    .set('@', path.resolve(__dirname, 'src'));
}

[Davilink]

@jeoy (and futur reference), you also need to add them to the electron section

the “build” section is only for the “src/” folder, the other 2 in the picture is for electron-main .ts and electron-preload.ts