小编Rik*_*Rik的帖子

为什么我的 scss 文件中的 @use 在我的 Angular 9.1.0 项目中不起作用?

我正在将我的 Angular 8.2.14 项目更新到 Angular 9.1.0。到目前为止,我已经成功地使用 ng update 将所有文件迁移到最新的 Angular 发行版。但是,要使此更新成功,我还必须更新此项目中使用的库。这些库之一是“用于 AngularMaterial Web 组件”(@angular-mdc/web)。

这个库有一个入门指南,以便能够正确实现它。这涉及更改文件“angular.json”以设置以下内容:

"stylePreprocessorOptions": {
    "includePaths": [
        "node_modules/"
    ]
},
Run Code Online (Sandbox Code Playgroud)

本入门指南还涉及开始在我的 *.scss 文件中实现 @use 而不是 @import,以便使用的组件具有正确的样式。

然而,问题是这个@use 似乎不起作用。

例如,在入门指南中,示例声明需要将以下内容添加到 style.scss 文件中:

@use './styles/body';

@use '@material/theme' with (
    $primary: #6200ee,
    $secondary: #faab1a,
    $background: #fff,
);

// MDC Typography
@use '@material/typography/mdc-typography';

// MDC Button
@use './styles/button';

// Angular MDC
@use '@angular-mdc/theme/material';
Run Code Online (Sandbox Code Playgroud)

然后在 style/_body.scss 中创建文件时,我应该添加:

// Override user agent body margin for mdc-top-app-bar
body { …
Run Code Online (Sandbox Code Playgroud)

sass angular-cli angular mdc-components

7
推荐指数
1
解决办法
3762
查看次数

标签 统计

angular ×1

angular-cli ×1

mdc-components ×1

sass ×1