Material.io scss 导入不起作用答案

【问题标题】：Material.io scss import doesn't workMaterial.io scss 导入不起作用
【发布时间】：2018-03-28 19:13:50
【问题描述】：

我现在正在使用 sass 创建 html 项目，并且客户端请求使用 material.io Web 组件。我的 sass 工作正常。我通过 node_modeules 文件夹包含了 material.io 组件。但是当我尝试像下面的代码访问 material-components-web.scss 时

//style.scss file
@import 'layout';
@import 'typo';
@import 'image';
@import 'overwrite';
@import "~material-components-web";

我在 style.css 文件中收到此错误消息。

/*
Error: File to import not found or unreadable: ~material-components-web.
       Load paths:
         /Users/kenvsi/www/static/mycondo/assets/sass
         /Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.1/stylesheets
         Compass::SpriteImporter
        on line 5 of /Users/kenvsi/www/static/mycondo/assets/sass/style.scss

1: @import 'layout';
2: @import 'typo';
3: @import 'image';
4: @import 'overwrite';
5: @import "~material-components-web";

我的问题是我想评估我的自定义 scss 文件的所有材料 scss 组件、变量和功能。有什么方法可以访问 html 项目中的这些材料 scss 选项？

【问题讨论】：

标签： sass material-components-web

【解决方案1】：

我认为你错过了包含 scss 文件。

我将它与 webpack 一起用于 sass 编译。

@import "~material-components-web/material-components-web";

第一个“material-components-web”是一个文件夹，第二个是一个 scss 文件。

【讨论】：