在我的React应用程序中使用@emotion/core时出错
在React应用程序中使用@emotion/core时出错可能是由于以下原因之一：
- 缺少依赖：确保已经安装了@emotion/core和@emotion/react这两个依赖包。可以通过运行以下命令来安装它们：
npm install @emotion/core @emotion/react- 版本不兼容：检查你使用的React版本和@emotion/core的兼容性。有时候，不同版本的React和@emotion/core可能存在不兼容的情况。可以尝试升级或降级React版本，或者查看@emotion/core的文档以了解其兼容的React版本。
- 配置错误：确保你正确配置了@emotion/core。在React应用程序中使用@emotion/core时，需要将其与babel插件一起使用。你可以在babel配置文件中添加以下插件：
{
"plugins": [
"@emotion/babel-plugin"
]
}- 语法错误：检查你在使用@emotion/core时是否存在语法错误。@emotion/core使用了一些特定的语法和API，确保你按照它们的文档正确使用。
如果以上解决方法都无效，可以尝试在React应用程序中使用其他CSS-in-JS库，例如styled-components或styled-jsx。这些库也提供了类似的功能，并且可能更适合你的应用程序。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
- 移动应用开发平台（MADP）：https://cloud.tencent.com/product/madp
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯区块链服务（TBCS）：https://cloud.tencent.com/product/tbcs
- 腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/solution/metaverse
相关·内容
14回答
我想安装软件包。但我有个错误
"@emotion/core": "^11.0.0",
"@emotion
浏览 5提问于2020-12-29得票数 97
回答已采纳
当我使用jsx编译指示时，如何停止eslint抛出错误。 }, plu
浏览 240提问于2020-05-16得票数 3
Picture1请帮助，这些错误正在阻止我的react应用程序编译。我该如何修复它？我还附上了一张App.tsx文件的图片，还有什么建议来处理这个错误呢？找不到模块'@emotion/core‘的声明文件。'c:/Users/nwoko/source/repos/QandA/QandAfrontend/frontend
浏览 253提问于2020-12-26得票数 4
我试图用Reactive18.0项目安装资料ui核心和图标，但我做不到。这个项目是用最新的create应用程序npm install @material-ui/core @material-ui/icons创建的。npm ERR! node_modules/react
npm ERR!peer react@"^16.8.0 || ^17.0.0"
浏览 13提问于2022-04-01得票数 38
1回答
运行在JSX上生成快照，它使用情感css支柱，结果不呈现CSS。 '&:hover': { },/>import Reactfrom 'react';
浏览 3提问于2021-05-18得票数 7
回答已采纳
1回答
在Emotion v10中，文档说“如果你从@emotion/ css /v10导入它，就可以从@emotion/css/v10获得一个用于css的Babel宏。”这显然对那些没有能力更改他们的babel配置的用户是可用的。
假设你没有使用JSX杂注或babel插件，这个宏的意义是什么，你如何使用它？在一个新的</e
浏览 4提问于2020-02-11得票数 2
我最近在我的项目中安装了Storybook 依赖项和开发依赖项如下： "dependencies": { "@emotion/，它使用@emotion/styled设置样式。我想为这个按钮添加一个故事，但是，当运行npm run storybook时</e
浏览 146提问于2021-01-26得票数 7
2回答
sitio web\my-app\src\components' )中显示错误消息npm install @material-ui/corenpm install @material-ui/core@next @emotion/react @emotion/styled
npm install @material-ui&#
浏览 6提问于2021-09-23得票数 1
回答已采纳
我正在尝试使用emotion.js与创建-反应-应用程序和TypeScript。在之后，我添加了@emotion/core，使用了import {jsx, css} from '@emotion/core';，并在文件的顶部添加了/** @jsx jsx */。但是，当我运行该应用程序时，会引发以下错误：
浏览 1提问于2019-01-02得票数 2
回答已采纳
1回答
我最近和盖茨比一起创建了一个项目。当我试图使用“情感/核心”和“情感/样式”时，它显示了一个错误。查看我们关于调试HTML的文档页面，以帮助 -- @emotion/core包已被重命名为@emotion/react。请像这个import { jsx } from '@emotion/react'一样进口它。
抛出新的</em
浏览 7提问于2020-11-13得票数 4
回答已采纳
2回答
当变量totalNetworkScore为负值时，我需要将带样式的div的背景颜色更改为红色。
浏览 16提问于2019-06-21得票数 0
回答已采纳
1回答
然后安装@emotion/core和babel-plugin-emotion "dependencies": { "babel-plugin-emotion": "^10.0.15",
我在
浏览 2提问于2019-08-15得票数 0
2回答
我使用情感在我的项目中制作样式组件，现在它给我带来了问题。我是这样安装的：例如，如果我想在Header组件中使用它，我会这样做：`WebpackError: The `@emotion<
浏览 0提问于2020-11-29得票数 0
2回答
我在monorepo中开发了一个跨平台的本机应用程序，并希望在浏览器中使用react本地web来呈现我的应用程序。为了实现这一点，我遵循了本指南。我还在使用metro-react-native-babel-preset包编译我的web应用程序，如react本
浏览 13提问于2022-01-06得票数 2
我刚和@emotion/react建立了create-react-app。UI运行良好，但在运行jest时，我得到了以下错误：
Cannot find module 'react' from '../node_modules/@emotion/react/dist/emotion-react.cjs.dev.
浏览 1提问于2021-08-11得票数 1
1回答
vite@3.1.6@情感/反应11.10.4反应17.0.2{ react({", "react-dom", "@emotion/styled", "@emotion/core"], {
浏览 5提问于2022-10-10得票数 1
2回答
我想添加材料-ui/图标包到我的反应应用程序。如果我在根文件夹中运行npm install @mui/material @emotion/react @emotion/styled，则会得到以下错误：yarn add @material-ui&#x
浏览 6提问于2022-05-12得票数 -1
回答已采纳
1回答
我正在学习Gatsby关于使用情感的教程。我使用npm install --save gatsby-plugin-emotion @emotion/core @emotion/styled安装了情感，并像这样设置了我的gatsby-config.js文件 plugins: [`gatsby-plugin-emotion`
浏览 21提问于2020-05-31得票数 3
1回答
我正在使用emotion风格和显示方程的复合兴趣在我的反应应用程序。我的render()返回以下内容： <p> <p css={fraction}>
<span className="className="symbol">/
浏览 4提问于2019-10-08得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
