Microsoft/vscode

[scss] "Follow link" on `@use`/`@import` statements with absolute paths not working with node_modules.

Open

#245,579 opened on 2025年4月3日

GitHub で見る
 (2 comments) (0 reactions) (1 assignee)TypeScript (10,221 forks)batch import
bugcss-less-scsshelp wanted

Repository metrics

Stars
 (74,848 stars)
PR merge metrics
 (平均マージ 11h 43m) (30d で 1,000 merged PRs)

説明

When Ctrl+Click (Follow link) is used on @use and/or @import statement paths, VSCode only ever attempts to resolve them as if they were relative. Eg. the example below will make VSCode attempt to open a non-existing file located at src/bootstrap.scss.variables.scss instead of looking for a bootstrap module in node_modules (itself located at the project root), which is what the scss compiler correctly does.

// src/app.scss
@import 'bootstrap/scss/variables';

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

  • VS Code Version: 1.98.2
  • OS Version: Windows 11

Steps to Reproduce:

  1. Create/open any node project
  2. Install any scss framework (for demo purposes, use bootstrap)
  3. Create any scss file anywhere (probably your src/source folder though)
  4. Write a use or import statement using said scss framework, as above
  5. Ctrl+click on the path in the import statement

コントリビューターガイド