css-modules 相关问题

CSS Modules是一个预处理器，允许在CSS代码中模拟本地范围和控制依赖关系。

如何在 TypeScript 文件中导入 CSS 模块？

我做了一些编辑，如下所列。我正在使用 React (18.2.0)、Typescript (4.8.4) 和 Webpack (5.75.0) 的组合。我正在尝试向我的应用程序添加一些样式，并且

css reactjs typescript webpack css-modules

回答 1 投票 0

如何在css模块中嵌套类并做出反应？

我正在尝试在我的 React 项目中使用 CSS 模块。问题的第一部分是，如果我编写嵌套的 css 类（使用 sass），我不知道是否可以访问内部类，因为这些类似乎是

reactjs css-modules

回答 6 投票 0

React、Mantine、CSS 模块无法正确加载

我正在使用 TypeScript 和 Mantine 开发一个 React 项目。我正在使用 CSS 模块来设置组件的样式。然而，在看似随机的时间，CSS 停止加载（据我从 Dev 观察到......

css reactjs css-modules react-css-modules mantine

回答 1 投票 0

为什么在更改 tsx 文件后，我的 scss 模块文件在 remix 应用程序中的 hmr 之后被删除？

我是重新混合的新手，我正在尝试让 css 模块正常工作，看起来 css 在热重新加载后已从 html 中删除我似乎对我的应用程序和最初的设置有一个非常基本的设置

reactjs vite css-modules remix.run

回答 1 投票 0

CSS 模块和 CSS 关键帧动画

我正在尝试使用 React、关键帧、CSS 模块（和 SASS）制作一个简单的动画。问题在于 CSS 模块散列关键帧名称的方式与散列本地类的方式相同。 JS代码 //... ...

css reactjs css-animations css-modules

回答 6 投票 0

开发中在SSR页面的<style>标签中生成

我真的很难找到如何制作包含其项目的所有样式的单个 html 页面的最佳方法。如何从CSS模块获取样式？或者也许这是个坏主意？模板=等待fs.readFile('....

vite server-side-rendering css-modules

回答 1 投票 0

如果 css 文件位于组件文件夹之外，下一个别名中的 CSS 模块不会自动完成类名

我将 VSCode 与 CSS 模块扩展一起用于带有路径别名的 NextJS 项目。文件的自动完成工作正常，但类名本身仅在导入没有路径别名的文件时显示。对于

reactjs typescript next.js frontend css-modules

回答 1 投票 0

无法读取 CSS 模块中未定义的属性

我有一个表单组件，我正在添加其中包含变量的类名，变量类型是字符串，我在控制台中遇到此错误 SearchInput.js：9 未捕获的类型...

node.js reactjs css-modules

回答 1 投票 0

CSS 模块在 Next.JS 中无法正常工作

所以项目的CSS模块结构是你为每个组件或页面制作一个CSS模块，但这种方法似乎有问题。先看一下代码： .导航栏{ 显示：...

css reactjs next.js frontend css-modules

回答 1 投票 0

无法从 CSS 模块转换中跳过第 3 方库 CSS

我第一次使用 React 和 Webpack 尝试 CSS 模块，我发现了至少三种方法来实现它： CSS加载器反应CSS模块 babel-plugin-react-css-modules 我和巴贝尔一起去了-

reactjs webpack css-modules babel-plugin-react-css-modules

回答 4 投票 0

在 Next 14 中使用 css 模块显示具有线性渐变的背景图像时出现问题

此CSS不显示背景图片 . header { 高度：85vh；背景图像：线性渐变（到右下角， rgba(var(--颜色-原色-光), 0.8), rgba(var(--颜色-p...

html css next.js css-modules react-css-modules

回答 1 投票 0

类名生成在 Vite 和 Vue 中不起作用

在React项目中，我使用了这个配置： CSS：{ 模块：{ generateScopedName（名称，文件名，css）{ const classNameIndex = css.indexOf(`.${name}`); const lineNumber = css.substr(0,

vue.js vuejs3 vite css-modules

回答 1 投票 0

如何在css模块（嵌套css）中设置表tr

我正在使用这样的css模块， .catTable{ 边框：1px 黑色实心； } 在jsx中从“../css/basic-styles.module.css”导入样式；返回（ ... 我正在使用这样的CSS模块， .catTable{ border:1px black solid; } 在 jsx 中 import styles from "../css/basic-styles.module.css"; return ( <table className={styles.catTable}> <tr><td>test1</td><td>test2</td></tr> <tr><td>test3</td><td>test4</td></tr> </table>); 效果很好，但我也想为 tr 设置 css 所以我编写了如下代码。在普通的CSS中我可以这样设置， .catTable{ .catTr { border:1px pink solid; } border:1px black solid; } 在 jsx 中 import styles from "../css/basic-styles.module.css"; return ( <table className={styles.catTable}> <tr className={styles.catTr><td>test1</td><td>test2</td></tr> <tr><td>test3</td><td>test4</td></tr> </table>); 但是tr的边框不起作用，我应该在哪里更改？您可以尝试在根级别设置所有样式，然后访问它们。 .catTable{ border:1px black solid; } .catTr { border:1px pink solid; } JSX： import styles from "../css/basic-styles.module.css"; return ( <table className={styles.catTable}> <tr className={styles.catTr><td>test1</td><td>test2</td></tr> <tr><td>test3</td><td>test4</td></tr> </table>);

html css jsx css-modules react-css-modules

回答 1 投票 0

如何同时使用css-modules和bootstrap？

我在我的项目中使用了 electro-react-boilerplate，并且该样板使用 css-modules 来实现样式设计目的。我在同一位置使用引导程序和自定义样式时遇到问题。假设...

html css twitter-bootstrap reactjs css-modules

回答 5 投票 0

将 VS Code 自动完成属性类型的 className 从字符串更改为对象

我正在使用 Typescript 和 CSS 模块在 NextJS 中工作，我想知道是否有办法更改自动完成建议的类型。目前，当我按

visual-studio-code autocomplete css-modules

回答 1 投票 0

更改 VSCode 自动完成属性类型

我正在使用 Typescript 和 CSS 模块在 NextJS 中工作，我想知道是否有办法更改自动完成建议的类型。目前，当我按