css 我无法使用SASS为AdminLTE创建新样式

ffvjumwh  于 2023-03-25  发布在  其他
关注(0)|答案(1)|浏览(111)

我试图开发一个管理界面与AdminLTE作为模板,但我无法添加自定义样式与SASS.我可以覆盖的CSS手动,但我宁愿改变全局引导变量.我试图改变基色,但我得到这个错误
代码:

@import '~bootstrap/scss/functions';
@import '~admin-lte/build/scss/bootstrap-variables';

// Custom Theme Color START
$custom-color: #00FF00;
$theme-colors: map-merge((
    'custom-color': $custom-color,
), $theme-colors);

错误:

Compilation Error
Error: Can't find stylesheet to import.
  ╷
1 │ @import '~bootstrap/scss/functions';
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^

@import是从AdminLTE文档中复制的,用于自定义样式,我还没有触及任何东西
结构:

(build)
    |_ (config)
    |_ (js)
    |_ (npm)
    |_ (scss)
         |_ (mixins)
         |_ (pages)
         |_ (parts)
         |_ (plugins)
         |_ //.scss files//
         |_ _bootstrap-variables.scss
         |_ //.scss files//
(dist)
   |_ (css)
        |_ (alt)
        |_ adminlte.css
        |_ adminlte.css.map
        |_ adminlte.min.css
        |_ adminlte.min.css.map
   |_ (img)
   |_ (js)

我似乎找不到“bootstrap/scss/functions”文件。我已经浏览了所有的文件夹,但什么都没有。下载AdminLTE时,它说它附带了所有必要的文件。

km0tfn4u

km0tfn4u1#

我手动下载了bootstrap5.3.0,放在admin-lte的根目录下:

admin-lte
    |_ (bootstrap)
         |_ (build)
         |_ (dist)
         |_ (js)
         |_ (nuget)
         |_ (scss)
         ...
    |_ (build)
    |_ (dist)
    |_ (docs)
    ...

但得到另一个错误

Error: $color: theme-color("primary") is not a color.
    ╷
166 │ $link-hover-color:          darken($link-color, 15%) !default;
    │                             ^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
  build\scss\_bootstrap-variables.scss 166:29  @import
  build\scss\adminlte-next.scss 9:9            root stylesheet

相关问题