问题标签 [material-components-web]

我在 Material.io 使用本教程，并希望将 Material.io 与 gulp-sass 一起使用。
但是当我尝试编译它时，它会显示错误

@material\button\mdc-button.scss
错误：“@include mixins”之后的 CSS 无效：预期 1 个选择器或规则，是“.core-styles;”

该存储库位于GitHub。

我一直在研究 google material design for web 并且对SASS. 就目前而言，我一直在尝试使用框架中提供mdc-top-app-bar的 sass mixin更改背景颜色。fill-color($color)

尝试了这几行

显示以下错误消息

我尝试将 mattrial.io 与 webpack 一起使用，正如material.io 的入门中所述，使用以下配置：

webpack.config.js --> 完全一样的例子

app.scss --> 与示例完全一样

包.json

但是，当我运行时，出现npm run build以下错误：

我也试过 gulp 但我得到了同样的错误。

知道如何使它工作吗？

我还为此创建了一个仓库。您可以克隆： https ://github.com/nazari-dev/material.io

我有一个带有复选框的项目表，并且希望在用户检查 15 个项目时禁用它们。

我的代码是：

这是可行的，但它会禁用所有这些，因此您不能取消选中已选中的一个并检查另一个。

所以问题是 - 当用户选中第 15 个复选框时，如何仅禁用未选中的复选框？

我正在尝试按照此处的文档将 mdc-table 组件添加到我的 Angular 应用程序中：https ://material.io/develop/web/components/data-tables/

如果我理解正确，我必须将以下两个语句添加到我的 .scss 组件文件中：

在运行之前：

我做了这一切，但我不断得到：

我尝试了几件事，但我无法使它工作，非常感谢任何帮助。

我对 Web 开发非常陌生，但是在一个学校项目中，我的一个小组成员建议使用 Material.io，这本身并不难理解。但是，我在设置开发环境以利用 Material Components 方面遇到了很大的困难。我相信我必须通过 Node.js 和 npm 使用 Babel、Webpack 和 React 来完全设置环境。有人知道有什么好的资源可以帮助我吗？我很感激任何反馈。

我已经使用了这些资源，但没有运气： https ://codelabs.developers.google.com/codelabs/mdc-101-web/#1

https://www.freecodecamp.org/news/how-to-use-reactjs-with-webpack-4-babel-7-and-material-design-ff754586f618/

我正在尝试在 JavaScript 页面中使用抽屉，但从文档中我无法理解 HTML 组件如何与 Js 交互。

理想情况下，我想通过仅包含 DOM 和 JS 而不使用任何外部 Web 框架来将模式抽屉添加到我的 HTML 页面。

我正在查看此文档： https ://material.io/develop/web/components/drawers/

如果有人知道如何从按钮隐藏/显示。

谢谢

我已按照此处material-selected的说明安装，方法是运行以下命令：

我已经包含了用于选择的 html 并设置了它的宽度。在我的sass文件中，我导入了文档中建议的材质样式：

但是，当我尝试使用 parcel 构建项目时，出现错误：

我想如何导入这个样式表？我也尝试过使用波浪号运算符：

但是，这也没有帮助，然后我得到了::

同样在我的 vs 代码编辑器中，我收到 @use 是未知规则的警告：

我不知道为什么会这样。

我有一个基于 Vue 框架和 webpack 的网站。

我遇到了这个由 Google 开发的 css 框架（Material Components Web），您可以在其中直接使用 cdn 或 npm 包开始使用。它对于一个简单的基于 html/javascript 的网站非常有效。但是，我在为 Vue 项目设置它时遇到问题。

Vue 框架还有其他可用的包装器，例如Veutify和Vue Material。但是，它带有很多额外的东西，比如我不希望开发人员遵循的网格布局，因为我们已经在使用 flex 布局。我只想要组件库。

那么，有没有办法将 Material Components Web 与 Vue 框架一起使用？

我正在尝试集成材料组件网络。

带有验证消息的文本框的第一个用例不起作用。文本框有效，但验证消息无效。如何使验证消息起作用？