堆棧內存溢出
cost 91 ms
CSS 在使用 CSS 模塊時不會加載

[英]CSS won't load when using CSS modules

我正在嘗試在 rescript 中編寫一個簡單的反應組件，並為該組件創建一個 CSS 文件。 我正在嘗試使用 Webpack 執行此操作。 這是我的整個項目代碼 Webpack.config.jsconst path = require("path"); const HtmlWebpackPlugi ...

使用 Css 模塊進行樣式設置的多個條件

[英]multiple conditions for styling with Css modules

我正在嘗試使用三元運算符設置多個條件，以使用 Css 模塊設置元素樣式。 我找不到確切的語法。 有可能嗎？ 有些盒子有 3 種尺寸，它們默認的小尺寸，懸停的那個大尺寸，以及至少其中一個懸停時的中等尺寸。 ...

CSS 模塊不私有化元素類型選擇器

[英]CSS modules don't privatize element type selectors

我想制作一個 CSS 模塊index.module.css如下，它只會被App組件使用： 在App.js ，我使用import style from "./index.module.css"; 導入它，而Bpp.js不導入./index.module.css 。 然后，我意識到Bpp中my-clas ...

高級搜索和替換 for.module.css

[英]Advanced Search and Replace for .module.css

我使用的是傳統的import './App.css'並且只使用 className 來影響我的反應應用程序的樣式。 我將我的 React 應用程序構建為具有一個儀表板視圖組件，該組件呈現各種儀表板組件（配置文件、統計信息等），因此我必須將所有儀表板組件導入視圖組件並使用Routes鏈接它們。 但我 ...

如何使用 css 模塊將多個類名作為道具傳遞

[英]How to pass multiple classNames as props with css modules

我似乎無法理解如何使用 css 模塊將具有多個類名的字符串作為道具傳遞？ 我有不同的類，我在任何地方都使用按鈕，所以我有一個類，當它處於活動狀態時，另一個在它不活動時。 我也有不同的配色方案。 按鈕： 這是使用按鈕的頁面。 按鈕功能在底部，需要填寫一些輸入字段才能使其“激活”。 ...

WebStorm 顯示 SCSS 文件的相對路徑錯誤

[英]WebStorm show errors for relative paths with SCSS files

WebStorm 無法在 React 應用程序的 SCSS 文件中找到相對路徑並顯示以下錯誤。 導入工作正常，但 WebStorm 無法識別相對路徑並顯示這些錯誤。 應用程序是使用 cra 和 baseUrl 創建的baseUrl: src包含在 tsconfig 文件中。 所以一切正常，但錯誤仍 ...

css 樣式未應用 CSS 模塊反應

[英]css styles not applied CSS Modules react

我正在使用 react-scripts: 5.0.1 和我有我的樣式的 module.css 文件。 我的一個樣式文件看起來像這樣。 首先我必須注意一些 module.css 工作正常。 看來問題可能出在 classNames.bind 上，但我不確定，我對這個問題有點陌生。 然后我將這個文件導入到 ...

使用 CSS 模塊的特定類在 React 中不起作用

[英]Specific classes using CSS modules not working in React

我無法讓 CSS 模塊在 Js 中工作——普通的全局 CSS 模塊文件正在工作，像 body 這樣的非特定類也在工作，但是我無法讓 classes.className 工作，例如。 我會很高興得到一些幫助/關閉。 謝謝， 編輯：編譯時我沒有錯誤 編輯 2：在開發工具中沒有顯示任何類，除非我將它們靜態 ...

如何使用 Module CSS 更改框架僅針對特定組件應用的樣式？

[英]How to change the style applied by the framework only for a particular component using Module CSS?

我想更改框架應用樣式的常用組件的樣式，僅在一種情況下（組件）。 我使用 Devextreme 作為 React JS 的框架。 我可以在瀏覽器 Inspect 中改變相應的類 ( .dx-texteditor.dx-editor-filled::after )。 在主 CSS 或任何其他 CSS ...

創建反應應用程序 typescript css 模塊不工作

[英]create react app typescript css module not working

當我想將 css 模塊文件導入組件時，編譯器顯示此錯誤 但是如果我把它改成這樣： 它沒有任何問題。 我正在使用 create-react-app v5，最近我使用此處解釋的步驟將項目從 js 移動到 ts，我不確定它是否與它相關或其他東西沒有按預期工作啟動命令： package.json文件中的相 ...

如何讓 class styles 覆蓋 CSS 模塊中的組合樣式而不使用 important？

[英]How to have class styles override composed style in CSS Modules without using important?

我在我的項目和 composes 命令中使用 CSS 模塊，如下所示： 然后令我驚訝的是，在編譯后的網頁中， align-self: flex-start; 被.btnSecondary class 否決，如下所示： 我可以通過在btnInteract class 中使用!important來解 ...

我可以在基於 class 的組件中使用 css 模塊嗎？

[英]Can I use css modules in react class based components?

我必須為一些較舊的 React 代碼實現 css 模塊。 但是當我嘗試導入 CSS 模塊時，我不能在其他文件中使用這個 class。 我是否必須將代碼重構為 React Components？ 或者還有其他更簡單的解決方案嗎？ 代碼示例： ...

如何在 TypeScript 文件中導入 CSS 模塊？

[英]How can I import CSS Modules in a TypeScript file?

我做了一些編輯，如下所列。 我正在使用 React (18.2.0)、Typescript (4.8.4) 和 Webpack (5.75.0) 的組合。 我正在嘗試向我的應用程序添加一些樣式，並嘗試使用 CSS 模塊。 我已經嘗試了一些 Webpack 配置，但沒有一個會導致 Webpack 使 ...

如何為項目定義CSS公共變量

[英]How to define CSS common variables for project

來自移動開發世界，我習慣於使用一個通用樣式表來定義用於整個項目的一些基礎知識，例如（這就是我為 Flutter 所做的，基本上轉換為 CSS）。 我希望人們在開始一個更大的項目時這樣做，以保持所有頁面/組件的樣式一致。 然而，我越看，就越看不到這一點。 我知道有 class 樣式（例如 tailwi ...

Nuxt2 css (.less) 構建更改 class css 中的名稱

[英]Nuxt2 css (.less) build changes class names in css

我有一個 Nuxt2 應用程序，問題是在構建之后所有 class 名稱都更改為唯一 ID，但僅在 css 中而不在 html 中，因此顯然它不起作用。 我讀過有關將每個 css 放入:global {}的信息，但我真的不想編輯所有.less文件和包含一些<style>的所有 vue 組件 ...

Nextjs 中的 CSS 模塊：來自本地 CSS 文件的目標 Html 標記？

[英]CSS Modules in Nextjs: Target Html Tag from Local CSS File?

我只想將平滑滾動應用於 nextjs 中非常特定的頁面（比如我的博客）。 所以我沒有使用我的globals.css文件，但我需要一種注入scroll-behavior: smooth; 進入 html 標記僅適用於特定頁面，不適用於我的整個網站。 我相信有一種方法可以用 css 模塊做到這一點，但 ...

CSS 模塊類在開發中工作，但在生產中被覆蓋

[英]CSS module classes work on development, but are overridden on production

我項目中的所有 styles 都在 css 模塊中定義，直到最近我才注意到，在 Nextjs 生成的生產版本中，其中一些被其他 ZBC4150D023D3255136DB671D61AC93F2事實並非如此）。 這打破了我的生產應用程序，但一切似乎都在開發中運行良好。 這是一個例子： 這是 clas ...


排序:
質量:
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM