3

我正在尝试将引导程序与 lektor 一起使用。

按照此处找到的说明，一切都按预期工作。然后我用来npm安装jquery和bootstrap.

“要求” jquery 和 bootstrap 在webpack/js/main.js作品中顺利进行。但是，当我试图

@import "bootstrap";

在webpack/scss/main.scss我得到以下内容：

ERROR in ./~/css-loader!./~/sass-loader!./scss/main.scss
    Module build failed: 
    @import "bootstrap";
    ^
          File to import not found or unreadable: bootstrap.
    Parent style sheet: stdin
          in /home/lysdexia/Projects/thing/webpack/scss/main.scss (line 4, column 1)

这导致我对节点搜索路径进行了一堆不太有用的阅读。我发现以下所有三个：

@import "/home/lysdexia/Projects/thing/webpack/node_modules/bootstrap/dist/css/bootsrap.css";
@import "/bootstrap/dist/css/boostrap.css";
@import "/bootstrap.css";

. . . 所有似乎都没有错误地导入。所有 scss 示例都显示了一个简单的示例@import whatever;，我现在怀疑它可能是某些东西的简写，或者是不同配置的假设。

不幸的是，在尝试@extend使用引导类的类时给了我一个The selector ".row" was not found.，它告诉我导入实际上并没有工作，并且没有错误就失败了。

我必须承认这里有些尴尬和困惑。有没有办法检查节点的搜索路径？“/”可能意味着“从根目录开始的完整路径”或“我的路径从 node_modules 开始”似乎有点合乎逻辑（如果有点虚幻的话），但为什么/bootstrap.css甚至看起来工作只是奇怪的。

4

0 回答 0