使用 Sass 的 Vue 应用程序可以在本地运行，但 VS Code 环境在终端中报告“问题”

Question

正在开发一个自一年多前推出以来一直使用 Vue3 和 Sass 的应用程序。最近注意到带有 Sass 导入和变量的 .vue 组件文件报告语法错误。不过，我可以在本地 npm 安装、构建和运行该应用程序，不会出现任何问题。 VS Code 终端中识别的所有“问题”实际上在浏览器中都能正常工作，所需变量的行为符合预期。

问题是，我在 IDE 中遇到了 20 多个问题，这些问题实际上根本不是问题，但让我很难对 IDE 的新更改充满信心。

我希望这与延期有关，但是......

• 我已在 VS Code 中使用 F1“开发人员：重新加载并禁用扩展”功能，但问题仍然存在。

---

• 将我的 sass 版本从 1.63.6 升级到 1.77.0（最新）并没有解决问题。

---

• 全新安装无法解决问题。

  npm ci

---

<style lang="scss" scoped>

@import "@featherds/styles/themes/variables";  // fine

h1 {
  margin: 0 auto 1em;
  background-color: var($primary);   // syntax errors begin here at $sign.  IDE does not recognize sass variables.
}
...

• package.json 的重要部分

...
    "@featherds/styles": "^0.12.29",
    "lodash": "^4.17.21",
    "pinia": "^2.1.4",
    "vue": "^3.4.15"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^5.0.3",
    "axios": "^1.6.1",
    "sass": "^1.77.0",
    "vite": "^5.0.12"
  }
}

---

---

这对于我的多个项目来说是相同的，其他开发人员在同一代码库中不会遇到此问题。

如有任何建议，我将不胜感激。

Answer 1

好吧，我决定使用核能。我制作了用户设置的备份副本，以防我想尝试使用本文返回到它们：https://medium.com/@fdikmen/how-to-reset-vs-code-settings-64dae79e769

然后我在“$APPDATA%\Code”中删除了我的用户目录。

我的问题已经消失，但我的很多方便的设置也消失了。随着时间的推移，我将重新介绍这些内容，但一段时间以来我一直想用 VS Code 中的设置“重新开始”。