无法导入 CSS/SCSS 模块。 TypeScript 说“找不到模块”
[英]Can't import CSS/SCSS modules. TypeScript says "Cannot Find Module"
我正在尝试从 CSS 模块导入主题，但 TypeScript 给我一个“找不到模块”错误，并且主题未在运行时应用。 我认为我的 Webpack 配置有问题，但我不确定问题出在哪里。 我正在使用以下工具： 这是我的webpack.config.js 和我尝试导入的App.tsx ： 启用类型安全样式 ...
当我尝试运行此 cmd 时，“npm run compile:sass”显示此错误
[英]when i try to run this cmd "npm run compile:sass" is show me this error
代码 Git 回购： https://github.com/TakbeerAli/CssError 'CSS' 不是内部或外部命令，也不是可运行的程序或批处理文件。 节点：内部/模块/cjs/loader：1078 抛出错误； ^ 错误：在 Module._resolveFilename (no ...
我如何制作一堆粘在其父 div 底部的 div？
[英]How do I make a stack of divs that stick to the bottom of their parent div?
我正在制作一个简单的消息传递应用程序用户界面。 我正在尝试像大多数现代消息传递应用程序一样将消息锚定到屏幕底部。 到目前为止，这是我的消息传递 UI 的基本框架： HTML SASS 每当收到新消息时，我都会将其作为.conversation-area div 的最后一个子项插入。 我按照我想 ...
媒体查询问题
[英]Trouble with media query
我正在尝试前端指导项目，但在提供不同视口大小（用于桌面）的图片时遇到问题，我不知道出了什么问题，我使用了图片元素并声明了图片应该以什么宽度提供服务但是它不起作用。 令人困惑的方面是 flexbox 和网格显示属性没有太大影响。 小的移动图像不会被桌面图像取代。 * { padding: 0; ma ...
无法将 Figma 中的按钮设计转换为 CSS 代码
[英]Unable to convert button design in Figma to CSS code
我在 Figma 中设计了这个按钮，但是当我从 Figma 的检查部分复制 CSS 属性时，我不会得到相同的 output，我在这里做错了什么？ figma文件： https://www.figma.com/file/r3z3qwUsYGsn9SVDefWVoM/problem?node-id=2 ...
如何将样式字典配置文件修改为 output 排版标记作为 SCSS 变量
[英]How to modify the style dictionary configuration file to output the typography tokens as SCSS Variables
我是设计代币和设计系统的新手。 我正在尝试使用样式字典将我的设计标记转换为 SCSS 变量，它看起来一切正常，除了排版标记在变量文件中生成为[object object] 。 不确定我做错了什么。 任何帮助，将不胜感激。 下面是我的样式字典配置文件。 我的令牌 JSON 是 ...
为 Angular 生成一个 Angular 主题 15？
[英]Generating an Angular Theme for Angular 15?
在各种教程中，我看到了这样生成的主题： IIUC 这也是 Angular 的文档告诉我们如何去做的。 但是，当我运行构建时，我收到了这些警告。 我们如何创建主题而不像 Typography 那样复制 commons styles？ ...
将 SASS 转换为 CSS 的简便方法？
[英]Easy way to convert SASS into CSS?
我正在使用 CSS 框架，其中包含用户创建的扩展的文档。 但是这些扩展都是写在GitHub上的SASS文件中的。现在这个框架只有一个CSS文件。 但是对于扩展，他们需要使用 NPM，或者克隆整个 GitHub 项目，然后开始使用 SASS 命令，我不熟悉这些命令。 我是否可以保留当前配置：即只有主 ...
next.js如何设置背景叠加文字？
[英]How to set background to overlay text in next js?
我正在创建一个带有叠加文本的图像元素。 这是我的jsx代码 这是sass 我得到如下图所示的结果。 p标签的背景仅在img之外可见，在img之上不可见。 在此处查看此问题。 如何在图像上显示叠加文本的背景以使其可读？ ...
Angular 材料：没有 label 的自定义更紧凑的表单域和使用密度的提示？
[英]Angular Material: custom more compact form-field without label and hint using density?
Angular：15.0.4 CDK/材料：15.0.3 浏览器：Safari 16.2 操作系统：macOS 是否可以自定义更紧凑form-field ？ .my-mat-form-field-density-5 正在工作。 .my-mat-form-field-density-8 no ...
在响应式布局中占用尽可能少但仍然合理的空间
[英]Occupy the least possible but still reasonable space in responsive layout
我正在编写一个数量选择器按钮并希望它能够响应。 也就是说，我希望减号和加号只包含图标所需的宽度，中间的输入是最大宽度。 我想知道如何使用 scss 来解决这个问题。 HTML： SCSS： grid-template-columns: 45px auto 45px; 可以解决这个问题，但不是有效 ...
如何在blazor中使用Sass？
[英]How to use Sass in blazor?
我在 razor 中找到了关于 Css 的MS DOC 。但它不适用于 Scss 文件。 我通过创建两个文件解决了这个问题：css 和 scss。 并使用 sass --watch。 但是每次创建新组件时我都需要写这个。 ...
Fontawesome fonts 不使用 Aurelia、Scss 和 webpack 加载
[英]Fontawesome fonts not loading using Aurelia, with Scss, and webpack
所以我在这个项目中使用了 Aurelia、Bulma、Scss、Fontawesome 和 Webpack。我已经用 yarn 安装了 Bulma 和 FontAwesome。 两者的样式表都完好无损。 这是我的app.html ，除了fas fa-plus图标外，一切似乎都正常。 <t ...
如何调用 SCSS 'parent selector reference &' 来反应 css 模块？
[英]How to call SCSS 'parent selector reference &' to react css module?
这是我的 SCSS 样式 for.br 这是我的 nextjs 反应代码： 如何在 jsx 中访问这个“.br--red”？ ...
NextJS 错误 - HookWebpackError: 应为伪类或伪元素
[英]NextJS Error - HookWebpackError: Expected a pseudo-class or pseudo-element
运行next build时出现以下错误： （请参阅https://pastebin.com/JLQ2aR2f上的完整错误） 我一直在尝试调试这个问题 ~3 小时，这让我发疯。 如果能帮助我更好地调试next build命令，我将不胜感激？ 我尝试使用--debug标志，但它似乎没有做任何事情。 到 ...
如何使用 react scss 为上方和下方列表中的元素及其后续元素设置不同的样式
[英]How to style the element in the list above and below and its subsequent differently using react scss
output应该是这样的 我能够在所选元素和其他后续元素下方以不同方式实现颜色，但我无法为所选元素的上述元素做到这一点我的反应组件 这是 scss 代码 有人可以帮我实现这个目标吗？ 我被困在这样的地方： ...
如何从 html 生成具有 class 名称的空样式模板
[英]How to generate an empty styling template with class names from html
我发现自己在 JSX 中输入 class 名称，然后在 CSS/SCSS 中非常频繁地输入相同的 class 名称作为选择器。 有没有什么简单的方法可以不做两次，因为这似乎是几乎每个 React 开发人员都必须做的事情，但我无法通过搜索找到与此相关的任何工具。 澄清是否有任何工具可以生成此 sass ...
Nuxtjs vuetify 抛出大量`Using / for division is deprecated and will be removed in Dart Sass 2.0.0.`
[英]Nuxtjs vuetify throwing lots of `Using / for division is deprecated and will be removed in Dart Sass 2.0.0.`
Nuxtjs 使用 vuetify 抛出大量错误Using / for division is deprecated and will be removed in Dart Sass 2.0.0. 在纱线开发期间 Nuxtjs: v2.15.6 @nuxtjs/vuetify": "1.11.3 ...
将 CSS 依赖项导入 SASS 文件时出错（REACT + VITE + Metronic 模板）
[英]Error importing CSS dependencies into a SASS file (REACT + VITE + Metronic Template)
我已将 Metronic 模板从使用 CRA（Create React App）迁移到 Vite，一切正常，但 SASS 文件抛出错误。 这是我在项目中使用的依赖项： 我读过要在 REACT 中使用 SCSS 文件我只需要安装sass package 但我已经安装了并且问题似乎没有解决。 在 sa ...