Question

我现在正在使用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选项？

Answer 1

我想你错过了包含scss文件。

我正在使用webpack进行sass编译。

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

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

Material.io scss导入不起作用

1 个答案: