Microsoft/vscode

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

Open

#245.579 aberto em 3 de abr. de 2025

Ver no GitHub
 (2 comments) (0 reactions) (1 assignee)TypeScript (10.221 forks)batch import
bugcss-less-scsshelp wanted

Métricas do repositório

Stars
 (74.848 stars)
Métricas de merge de PR
 (Mesclagem média 11h 43m) (1.000 fundiu PRs em 30d)

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

Guia do colaborador

Direção de pesquisa
Inspecione o código do serviço de linguagem SCSS que lida com a resolução de caminhos para instruções @import e @use, especificamente a lógica para resolver nomes de módulos de node modules.
Pilha de tecnologia
typescript
Domain
developer experience
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
Git
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60