Microsoft/vscode

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

Open

#245 579 ouverte le 3 avr. 2025

Voir sur GitHub
 (2 commentaires) (0 réactions) (1 assigné)TypeScript (10 221 forks)batch import
bugcss-less-scsshelp wanted

Métriques du dépôt

Stars
 (74 848 stars)
Métriques de merge PR
 (Merge moyen 11h 43m) (1 000 PRs mergées en 30 j)

Description

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

Guide contributeur