2

当我尝试导入其他 scss 文件时，WebCompiler 出现了一个奇怪的问题。我的同事在我的团队中都没有这个问题，我们不知道是什么原因造成的，所以我希望你能帮助我。

我们有这样的进口：

@import "node_modules/bootstrap/scss/bootstrap";

在多个文件中，但 VS 2019 在最新更新后抛出了这个异常：

Error: File to import not found or unreadable: node_modules/...

我尝试过了：

  1. 重新安装 WebCompiler。
  2. 让 Visual Studio 重新创建 %localappdata%\temp\WebCompiler1.X 文件夹（出于某种原因，我有 2 个 WebCompiler 文件夹，每次我让 VS 重新创建它们时，都会生成它们。）

它在错误消息中提到的文件肯定存在，所以我认为它根本无法读取它们，但我不知道为什么。

4

1 回答 1

1

我有同样的错误。但是我可以通过将“node_modules”添加到我的 includePath 到我的 compilerconfig.json.defaults 文件中来修复它 - 在 sass 部分：

"sass": {
  ...
  "includePath": "node_modules",
  ...
}

然后您可以从导入路径中删除 node_modules 路径。IE：

@import "carbon-components/scss/globals/scss/_css--reset";

如果您没有默认文件，您也可以在 compilerconfig.json 中的每个文件中执行此操作：

[
  {
     "outputFile": "Scss/Carbon.css",
     "inputFile": "Scss/Carbon.scss",
     "options": {
         "includePath": "node_modules"
      }
  }
]

我希望这个对你有用 ：）

于 2020-11-15T08:27:36.313 回答