将引导程序 5 sass 变量导入到我的项目的 sass 时出现问题答案

【问题标题】：Problem with importing bootstrap 5 sass variable to my project's sass将引导程序 5 sass 变量导入到我的项目的 sass 时出现问题
【发布时间】：2021-11-24 09:34:03
【问题描述】：

我正在尝试在我自己的 styles.scss 文件中使用 Bootstrap 5 变量。
我已经下载了整个 Bootstrap 5 源代码并将其与我的项目一起使用。

我发现在我的 styles.scss 文件中，我应该导入以下 .scss 文件以使其工作（我这样做）：

@import "bootstrap/scss/_functions.scss";
@import "bootstrap/scss/_variables.scss";
@import "bootstrap/scss/_mixins.scss";

顺序与官方 Bootstrap 页面上显示的一样。但是每次我得到以下错误：

Error: Can't find stylesheet to import.
  ╷
1 │ @import "bootstrap5/scss/_functions.scss";
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  sass/styles.scss 1:9  root stylesheet

它只包含我导入的第一行。
为什么会这样？如何解决这个问题？

【问题讨论】：

标签： css sass bootstrap-5

【解决方案1】：

我认为是因为来自 _function.scss

的 _

【讨论】：

【解决方案2】：

文件夹对吗？ bootstrap5 -> bootstrap

【讨论】：

是的，没关系。我忘了在我的问题中只在这里更改它。对不起?
导入“bootstrap”仅在其位于同一目录中或您使用 NPM 或包管理器时才有效。它在同一个文件夹中吗？我需要更多信息来查看问题出在哪里。请上传您的文件夹结构的图片