VSCode IntelliSense：如何解析 SCSS 模块导入中的路径别名

Question

在 VS Code 中，我希望能够使用 .h 文件中定义的路径别名跳转到其他 SCSS 模块tsconfig.json。

我们的 Webpack/Vite 构建设置工作正常（例如通过sass-loader/options/sassOptions/includePathsWebpack 配置）。我也知道在 PHP Storm 中，可以通过将给定路径设置为解析为Resource Directory.

但是，到目前为止，我无法找到可以使 VS Code IntelliSense 正常工作的设置、插件或配置。

文件夹结构

• 模块
  • 成分
    • 组件.tsx
  • 风格
    • 样式1.模块.scss
    • 样式2.模块.scss
• tsconfig.json

样式1.模块.scss

.class1 {
  display: flex;
}

Component.tsx - 导入工作正常

import styles1 from '@/styles/styles1.module.scss'; // import + intellisense works fine
import styles2 from '@/styles/styles2.module.scss';

styles2.module.scss - IntelliSense 不起作用

@import '@/styles/styles1.module.scss'; 

tsconfig.json

.class1 {
  display: flex;
}

任何帮助表示赞赏！谢谢。

Answer 1

我尝试了几种方法\xef\xbc\x9a

\n

\n
• 删除.next并重新启动服务器
\n
• 删除node_modules并安装，重新启动服务器
\n
• 最后我重新启动 vscode 就可以了。
\n

\n