# Angular (Sass): Error: Can't find stylesheet to import. @import 'variables';

**Code:** `Can't find stylesheet to import` · **Category:** Angular · **Seen on:** Angular, Angular CLI

A Sass `@import` / `@use` cannot resolve its path — wrong relative path, missing underscore partial, or the include path is not configured.

## Meaning

Sass resolves paths relative to the importing file, then through `stylePreprocessorOptions.includePaths`. Common issues: the file is `_variables.scss` but the path is wrong, `@use` with the wrong namespace, importing a package without `~`/node_modules path (newer Sass resolves `node_modules` automatically in Angular), or the file does not exist.

## Common causes

- Wrong relative path or file name/case
- Partial file missing or misnamed (`_variables.scss`)
- Include path not configured for shared styles
- Importing a node_modules file with a wrong path
- Mixing `@import` and `@use` rules incorrectly

## Quick fix

1. Fix the path relative to the importing file
2. Add `stylePreprocessorOptions.includePaths` for shared styles
3. Prefer `@use 'sass:math'`-style modern syntax and absolute project paths

## Detailed fix by platform

### Angular CLI

1. In angular.json: `"stylePreprocessorOptions": { "includePaths": ["src/styles"] }`
2. Then `@use 'variables' as *;`

## Code examples

### angular.json include paths

```json
"build": {
  "options": {
    "stylePreprocessorOptions": { "includePaths": ["src/styles"] },
    "styles": ["src/styles.scss"]
  }
}
```

## How to diagnose

1. **Path** — Does the file exist where Sass looks?
2. **Name** — Partial underscore and case?
3. **Config** — includePaths set?

---
Source: [WhatIsMyError](https://whatismyerror.com/errors/angular/cant-find-stylesheet-to-import)