在 remix.js 中,我想从 @emotion/server/create-instance 导入 createEmotionServer。 它给我,错误。 这段代码有什么问题吗? 导入语句是这样的: 这只是一个导入语句。 但在混音中它显示错误 我需要从中导入它的任何其他模块路径吗? ...
在 remix.js 中,我想从 @emotion/server/create-instance 导入 createEmotionServer。 它给我,错误。 这段代码有什么问题吗? 导入语句是这样的: 这只是一个导入语句。 但在混音中它显示错误 我需要从中导入它的任何其他模块路径吗? ...
我正在使用情感风格的组件。 我有一个名为Layered的组件,我定义如下: 在我的主要代码中,我创建了另一个名为<LayeredModified />的组件,它应该是Layered的,带有一些额外的样式。 样式是: Layered本身永远不会显式呈现,只有LayeredModified ...
我们有一个使用 Material UI Themes 库(使用情感库)的客户端呈现 React 应用程序。 伪代码看起来有点像这样: 我想开始应用一组内容安全策略规则,包括防止使用内联 styles 的规则。 因此,我将以下元标记添加到我的 index.html header 中: 这似乎适用于我 ...
我正在使用vite和vite -plugin-svgr 。 我想更改MyIcon的颜色。 我试过填充、颜色等,但没有用。 我应该做些什么?import { ReactComponent as MyIcon } from "../icons/dummy.svg"; function MyCompon ...
我正在努力让我的twin.macro设置在我的 React 应用程序中运行。 我无法提供我所尝试过的完整历史,因为我尝试过许多不同的东西,但我将概述我当前的设置并概述哪些不起作用。 我正在使用react-app-rewired因为我似乎需要一个自定义的 Babel 配置,显然create-reac ...
我按照这篇文章将 CSP 添加到我的反应应用程序中,它有效,但是当使用 MUI 和样式化组件时,它们注入的 styles 不起作用,我找不到任何不使用 Next.js SSR 的解决方案. 这是我的 config-overrides.js 文件:const { override } = requi ...
我使用EmotionCSS 。 我想在关注另一个类名的同时访问其他类名。 例如我有一个这样的组件: 样式文件如下所示: ...
在设置emotion全局主题的过程中,反复出现引用未知属性的错误。 当前项目使用的情感版本和设置全局主题的代码如下。 我好像已经正常完成设置了,但是出现如下错误是什么原因呢? ...
我通读了https://stackoverflow.com/a/69821680/239879并尝试了styled化方法。 我有: 但是 TypeScript 给我一个错误: 当我进行build时,我得到: 不确定我的设置有什么不同。 任何帮助,将不胜感激。 ...
我有一个来自 MUI 的抽屉组件,我使用styled imported from import { styled } from "@mui/material/styles"; 我如何从ListItem定位ListButton ? 这是行不通的。 Ps 我不想从'@emotion/styled'中导 ...
我正在使用情绪 css 运行带有 vite 的 React 应用程序。为了在 html 元素上使用情绪的 css 属性,我需要设置特殊注释以启用 vite 构建: 它曾经工作正常,但现在我收到以下警告,我不知道这意味着什么以及如何解决它: ...
我有一个如下所示的网页: 这是我的_app.tsx文件: 这是shared/styles.js : 请注意, blueOnBlack试图将Futuristic Sci-Fi UI Web Framework样式放入其自己的可导入变量中。 问题是,当我将blueOnBlack作为Futuristic ...
有没有办法将情感注入全局 scope 的 styles 限制为更窄的 scope? 我见过 这种使用手写笔插件添加更窄范围的 styles 的方法,但这只添加了范围 styles。 我想做的是将所有通过情感添加到特定选择器的 styles 限制。 我正在寻找的 SCSS 等价物是这样的,其中 sty ...
我目前正在尝试使用 esbuild、react 和emotion/MUI 构建一个站点。 一切都很顺利,除了最后一个障碍是从@emotion/styled中获取样式化组件。 uncaught TypeError: import_styled11.default.div is not a funct ...
我正在使用 Vite 和 Storybook 创建一个 UI 库。 可悲的是,故事书的构建被破坏了。 在开发模式下,我在构建过程中遇到了一些错误,但无论如何我都可以浏览故事书组件。 但是生产构建完全失败并出现相同的错误。 这是错误:ERROR in ./node_modules/@chakra-ui ...
我有一个styled组件:const StyledBox = styled(Box)(({theme, locked}) => ({ width: theme.spacing(2.5), height: `calc(50% - 12px)`, borderColor: ...
我正在尝试传递要在emotion组件内部读取的引用(类似于styled-components) 但是收到错误Cannot find name 'ref' 为了能够访问情感组件中的 ref,我应该怎么做? ...
import { Box, styled } from "@mui/material" import { Body1 } from "elements/Typography" export const ItemHeader = styled(Box)` display: flex; flex ...
我创建了一个带有情绪反应的输入元素,该输入元素有一个名为指针的自定义属性: 输入字段 object: TS 抱怨输入元素上不存在pointer 。 我正在尝试为其添加一个界面,如下所示: 然后赋值给InputField创建object: 然后 TS 抱怨样式 object 中缺少属性指针,并且还抱 ...
在样式化组件中插入“主题”变量或任何类型的字符串插入会破坏 linter 流程,我可以再格式化 css。 关于如何解决它的任何想法? linter 打破了格式化的界限,这会产生问题。 谢谢 ...