How to fix baseUrl is set to X but it does not exist in TypeScript

Check your tsconfig.json and confirm the baseUrl directory actually exists in your project:

{
  "compilerOptions": {
    "baseUrl": "./src"
  }
}

Navigate to the directory relative to where tsconfig.json is located. For example, if baseUrl is "./src", there must be a src/ folder in your project root.

Always use paths relative to where your tsconfig.json is located. The most common pattern is:

{
  "compilerOptions": {
    "baseUrl": "."
  }
}

This sets the project root (where tsconfig.json lives) as the baseUrl. Then use paths like "./src/utils" or "./src/components" in your imports.

If baseUrl is set to "./src", verify the src directory exists:

# On Unix/Mac/Linux
ls -la src/

# On Windows (PowerShell)
Test-Path -Path ".\src" -PathType Container

# Or just check your file explorer

If the directory does not exist, create it or update baseUrl to point to the correct directory.

Update your baseUrl to match your actual project structure:

// Correct: baseUrl points to project root
{
  "compilerOptions": {
    "baseUrl": "."
  }
}

// Correct: baseUrl points to src directory
{
  "compilerOptions": {
    "baseUrl": "./src"
  }
}

// Incorrect: directory does not exist
{
  "compilerOptions": {
    "baseUrl": "./source"  // Error if 'source' folder does not exist
  }
}

Always verify the referenced directory exists in your project.

After fixing baseUrl, restart your IDE or TypeScript language server to ensure the configuration is reloaded:

# If using VS Code, press Ctrl+Shift+P (Cmd+Shift+P on Mac)
# Type: TypeScript: Restart TS Server
# Or simply reload the window

IDEs cache TypeScript configuration, so restarting ensures the change takes effect.