Module not found: Can't resolve # when using turborepo with nextjs and imports

[piszczu4]

Summary

I have a monorepo built with turborepo. Packages compilation works fine but there is an error when I try to build entire monorepo including my nextjs app. This is my package.json and tsconfig.ts of my web app:

{
  "name": "@piszczj/web",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev --turbopack",
    "dev:debug": "cross-env NODE_OPTIONS='--inspect' next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "postbuild": "next-sitemap --config next-sitemap.config.js",
    "oslllo-svg-fixer": "node node_modules/oslllo-svg-fixer/src/cli.js"
  },
  "imports": {
    "#src/*": [
      "./src/*.ts",
      "./src/*.tsx"
    ],
    "#src/types": "./src/types/index.ts",
    "#src/components/draggable-tree": "./src/components/draggable-tree/index.ts"
  },
  "dependencies": {
    "@piszczj/rich-text-editor": "*",
    "@piszczj/typescript-config": "*",
    "@piszczj/form": "*",
    "@piszczj/utils": "*",
    "@piszczj/react-utils": "*",
    "@piszczj/video-player": "*",
    "@piszczj/files": "*",
     ...
  
  },
  "devDependencies": {
    "@piszczj/types": "*",
    ...
 
  },
  "engines": {
    "node": ">=18.0.0 <22.0.0"
  }
}

{
  "extends": "@piszczj/typescript-config/nextjs.json",
  "compilerOptions": {
    "plugins": [
      {
        "name": "next"
      }
    ]
  },
  "include": [
    "**/*.ts",
    "**/*.tsx",
    "next-env.d.ts",
    "next.config.js",
    ".next/types/**/*.ts"
  ],
  "exclude": ["node_modules"]
}

Now, in the file ./src/api/exam-formula/hooks.ts I do:

import {
  getCanReviewLecture,
  getLecture,
  getLectures,
  getMyLectures,
  getMyLecturesSubjects,
  getSelectableLectureSorting,
  getSelectableSchoolLevels,
  removeLecture,
  saveLecture,
  updateLecture,
  toggleLectureEnabled,
} from '#src/api/lecture/lecture.service';

import { queryClient } from '#src/lib/global-providers';

There is no error in VS code itself, typescript works fine etc. However, when I do npm run build I have:

@piszczj/web:build: ./src/api/exam-formula/hooks.ts
@piszczj/web:build: Module not found: Can't resolve '#src/lib/global-providers'
...

@piszczj/web:build: > Build failed because of webpack errors
@piszczj/web:build: npm error Lifecycle script `build` failed with error:
@piszczj/web:build: npm error code 1
@piszczj/web:build: npm error path D:\git\math-wizards-app\apps\web
@piszczj/web:build: npm error workspace @piszczj/[email protected]
@piszczj/web:build: npm error location D:\git\math-wizards-app\apps\web
@piszczj/web:build: npm error command failed
@piszczj/web:build: npm error command C:\WINDOWS\system32\cmd.exe /d /s /c next build
@piszczj/web:build: ERROR: command finished with error: command (D:\git\math-wizards-app\apps\web) C:\Program Files\nodejs\npm.cmd run build exited (1)
@piszczj/web#build: command (D:\git\math-wizards-app\apps\web) C:\Program Files\nodejs\npm.cmd run build exited (1)

Why? What am I missing?

Additional information

No response

Example

No response