Microsoft/vscode

[scss] Cannot open `.scss` files using `@use` import syntax

Open

#189,156 opened on Jul 28, 2023

View on GitHub
 (6 comments) (0 reactions) (1 assignee)TypeScript (10,221 forks)batch import
bugcss-less-scsshelp wanted

Repository metrics

Stars
 (74,848 stars)
PR merge metrics
 (Avg merge 11h 43m) (1,000 merged PRs in 30d)

Description

Does this issue occur when all extensions are disabled?: YES

  • VS Code Version: 1.80.2 (user setup)
  • OS Version: Windows 10 x64

Steps to Reproduce:

  1. Create 2 PascalCase folders
  2. In folder 1 create file _style1.scss
  3. In folder 2 create file _style2.scss
  4. In file _style2.scss import _style1.scss with @use syntax (eg: @use "FolderOne/_style1.scss" as *)
  5. In _style2.scss do CTRL + Left Click to navigate to _style1.scss

Actual Result:

  • Visual studio opens a popup with content: Error: Unable to open "_style1.scss"

Expected Result:

  • User is able to navigate to _style1.scss

Note:

  • The issue occurs with @import syntax too.
  • The issue only occurs when using relative path.

Contributor guide

Research direction
Investigate how VS Code resolves @use paths in SCSS files; check the CSS language service code for path resolution logic and handle relative paths correctly.
Tech stack
typescriptcss
Domain
frontendtooling
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
TypeScriptGit
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70