无法解析 primereact 下拉列表中的“react-transition-group”

2024-07-01

我收到以下错误 -

Failed to compile
./node_modules/primereact/components/dropdown/DropdownPanel.js
Module not found: Can't resolve 'react-transition-group' in 'D:\my-app\node_modules\primereact\components\dropdown'

这是我的 package.json

  "dependencies": {
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"@types/react-transition-group": "^4.4.1",
"primeflex": "^2.0.0",
"primeicons": "^4.1.0",
"primereact": "^6.1.0",
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-scripts": "4.0.3",
"web-vitals": "^1.0.1"
},

在 App.js 中

import React, { useState } from 'react';
import { Dropdown } from 'primereact/dropdown'; //getting error after adding this line
import 'primeflex/primeflex.css';

我在这里缺少什么?


难道你只包含了类型,"@types/react-transition-group": "^4.4.1",,但没有安装实际的包?

尝试使用安装包npm install react-transition-group. The @types/*repo 仅包含类型,不包含代码。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

无法解析 primereact 下拉列表中的“react-transition-group” 的相关文章

  • 在页面上的可滚动组件中反应 InfiniteScroll

    我正在尝试在具有固定高度的 div 中构建一个无限滚动 并附加一个滚动条 所以我的目标是让窗口不移动 而是让其中的组件具有滚动条 并且其中的项目可以无限添加 这是我到目前为止所拥有的 import React useState from r
  • 在反应中导入多个文件

    我正在为我的 React 项目使用 create react app 它已经配置了 webpack 来导入图像 我希望将多个图像 例如 10 个 从图像文件夹导入到组件中 最简单的方法是添加多个导入语句 例如 import Img0 fro
  • 我怎么知道我的组件用在哪里?

    我目前正在开发一个相当大的react js 系统 项目 其中有很多重用的组件 并且没有任何单元测试或文档 当我针对一个特定用例更改 修复 其中一个组件以及在组件发生故障时我不知道的其他 3 个位置时 我的担忧就开始了 如果有一些工具告诉我
  • 如何防止外部 CSS 添加和覆盖 ReactJS 组件样式

    我有一个自定义的 ReactJS 组件 我想以某种方式设置样式 并将其作为插件提供给许多不同的网站 但是 当网站使用全局样式 Twitter bootstrap 或其他 css 框架 时 它会添加并覆盖我的组件的样式 例如 全局 css l
  • 如何同时延迟加载多个组件

    我有 2 个组件 我想使用延迟加载来加载所有组件 例如 const A lazy gt import test A const B lazy gt import test B 这将创建 2 个单独的包 并在需要时导入它们 But 我想创建一
  • TabPanel:警告:validateDOMNesting(...):

    当我使用 Material ui 代码中的选项卡时效果很好 但是当我使用网格和排版自定义 TabPanel 时遇到此警告 我明白了这个问题 div 不能放在里面 p 但需要在 TabPanel 内部进行自定义的解决方案 我需要有这样的东西
  • 避免使用react-redux重新渲染一个大的项目列表

    我正在为我的应用程序使用 redux 以及 React 和 TypeScript 我正在处理在我的应用程序的不同位置使用的许多项目 我的状态看起来像这样 items 42 53 A large dictionary of items ite
  • React + Redux 中的多个/批量删除

    我有一个允许多重选择和删除功能的数据网格 我的 api 有一个删除端点 DELETE http localhost 8888 api audit id 这就是动作创建者 export function deleteAudit audits
  • 如何解决昂贵的定制挂钩?

    众所周知 规则是 仅在顶层调用挂钩 不要在循环 条件或嵌套函数内调用 Hook 所以我的问题是如何使用和设计一个昂贵的定制挂钩 鉴于这个钩子 const useExpensiveHook gt some code that uses oth
  • 无法解析 primereact 下拉列表中的“react-transition-group”

    我收到以下错误 Failed to compile node modules primereact components dropdown DropdownPanel js Module not found Can t resolve re
  • React 组件使用 useState 渲染两次

    当没有任何东西被用来触发重新渲染组件时 我真的很难弄清楚发生了什么 Events js当我删除组件时 组件渲染两次useState 来自Event js它渲染一次 但我需要保留它 当我使用useEffect 在事件组件内 第四次渲染 我只是
  • 未捕获的 NotFoundError:无法在“Node”上执行“insertBefore”:

    我有一个div另外三个里面的哪里div附加如下 状态值是通过循环 api 的结果来设置的componentWillReceiveProps 但我遇到了一个错误的问题 Uncaught NotFoundError Failed to exec
  • ReactJS:从子级和父级控制子级状态

    我有一个相当简单的问题 我不知道如何用 React 的单向数据流来解决它 假设您在父级中有一个显示模式的链接 在模式中 有一个 X 将其关闭 我知道我可以通过 props 从父级更改模式的状态 In the parent
  • 使用reactjs重置或清除输入字段

    我有以下问题 我有一个反应组件 它在列表上进行过滤器搜索 这很好 但我想用按钮清除输入字段 如果我向输入字段添加一个值属性 我可以在 setState 中设置该属性 但随后它会停止onChange 的工作方式与列表上的过滤器搜索相同 我已经
  • 带有复选框选项的 React 树视图

    如何创建树视图checkbox选项中react js checkbox应放置在树的右侧 下面是json创建树视图的示例 var json text Parent 1 nodes text Child 1 nodes text Grandch
  • React Native 应用程序 - 在 Android 8 真实设备上启动时崩溃/关闭

    我有一个 React Native 项目 不是 Expo 初始化为react native init myapp 我可以在装有 Android 5 的模拟器和真实设备上运行此应用程序 但无法在装有 Android 8 的 Android 手
  • 在 Mac OS X 上卸载 MongoDB

    当我尝试从终端运行 mongod 时 出现以下错误 2014 07 02T23 56 24 797 0700 initandlisten 错误 listen bind 失败errno 48地址已用于套接字 0 0 0 0 27017 201
  • 在父组件上调用 setstate 会强制对其子组件进行 componentDidUpdate?

    我有两个组件 父组件 App 和子组件 SearchBar 我希望 SearchBar 保持其自己的状态 并在更新其状态后调用其父组件作为 prop 提供的函数来更新其父状态 所以在我的 SearchBar 组件上我有 onSearchCh
  • React-Native 服务器驱动的 ui

    我总是想知道 Airbnb Flipkart 和 Swiggy 等应用程序如何动态更新其 UI 即使我没有更新应用程序 Flipkart 在节日期间也会显示不同的 UI 而 Swiggy 总是根据设备位置更改其 UI 我如何在我的react
  • 防止图像在每次状态更改时重新渲染 - React

    在我的组件中 我按以下方式使用了图像 div span img src spinner span span We are checking your details span div 这是一个包含许多状态的大型功能组件中的几行代码 该组件有

随机推荐

  • 异步等待和获取语法在 React 中不起作用

    这是我的代码 export class App extends Component constructor props super props async fetchSport sport let headers new Headers h
  • Volley ProgressDialog在获取大量数据时卡住/冻结

    这是我的代码 private void downloadSupplyTownData final int townId2 Using Volley Post params to be sent to the server HashMap
  • Spark 应用程序conf中的setMaster与sparkSubmit上的--master标志之间的差异或冲突

    我试图了解运行 Spark 应用程序时设置主属性的重要性 集群位置位于默认端口 7077 我从测试机运行此应用程序 它将访问 s3 存储桶 目前应用程序中的 Spark 配置如下 val sparkConf new SparkConf se
  • 将参数传递给 Bash 函数

    我正在尝试搜索如何在 Bash 函数中传递参数 但出现的总是如何从命令行 我想在我的脚本中传递参数 我试过 myBackupFunction xx function myBackupFunction directory options ro
  • rspec 路由测试和主机

    我发现我可以使用 rspec 测试路由 如下所示 get should route to welcome index 但我有基于主机名或主机名部分的约束以及几个主机名之间的重定向 测试时如何指定主机名 如何使用正确的配置运行测试 我尝试打印
  • MySQL插入固定值和多select结果的数据

    假设我有一个如下所示的表结构 通知表 id receiver id type content time 接收者 ID 来自用户表 用户表 id username 内容和时间来自广播表 广播表 id content time 因此 当我需要插
  • 如何退出git中的提交编辑消息?

    我通常通过输入来提交git commit m initial 默认情况下 GNU nano 编辑器是 ubuntu Gnome 19 04 上 git config editor 中的选择 我不小心提交了我的更改输入git commit输入
  • Oracle Analytics - SQL 查询的分区和排序

    这是在回答另一个用户的问题时出现的question https stackoverflow com questions 261924 how do i compress this oracle resultset into values a
  • 风玫瑰与 ggplot (R)?

    我正在寻找使用 ggplot2 来创建的良好 R 代码 或包 风玫瑰 http en wikipedia org wiki Wind rose显示风的频率 强度和方向 我对 ggplot2 特别感兴趣 因为以这种方式构建绘图使我有机会利用其
  • 为什么动态安装的 vuejs 内容不是根 vue 实例的子组件?

    我加载一些包含自定义组件的 html 并将该内容挂载到父组件中的固定节点 不幸的是 我发现它们之间没有父子关系 因此动态插入的组件派发的事件无法被根vue接收 我创建了一把小提琴 任何帮助或建议都将受到赞赏 http jsfiddle ne
  • 如何使用空手道为 twitter 设置 oauth 1.0 身份验证? [复制]

    这个问题在这里已经有答案了 我正在使用 karate 进行自动化 并且必须使用 oauth 1 0 身份验证 它有 4 个字段 分别是 token tokensecret consumerkey 和consumersecret 我无法用空手
  • f2py:公开“已使用”模块的参数

    我认为这个问题已经在某个地方得到解决 但我花了大量的时间四处寻找答案 包括深入研究源代码 我试图将问题放在第一段中 其余部分显示了问题的基本示例 我正在尝试编译一个包含USE指向另一个更通用的模块的语句 我更愿意将使用的模块分开 以便它可以
  • 当不读取带有 URL 的 QR 码时,zxing QRCodeReader 中出现 ChecksumException

    如果我扫描带有 URL 的 QR 码 以下代码可以完美且快速地运行 然而 如果我用简单的字符串或数字序列解码 QR 码 这就是我想要做的 它有时会随机工作 但 99 的情况下它会失败并出现 ChecksumException if webc
  • 查找框和裁剪图像的角点

    Hey Guys I am working with numpy and opencv and want to get a image cropped by the contours of it Here is one example wh
  • 如何在网络浏览器中打开 Excel?

    单击按钮时我需要在网络浏览器中打开 Excel 如何在 asp net 中执行此操作 您无法在客户端 浏览器 计算机上控制和启动软件 为什么 安全 如果这是可能的话 黑客早就接管了所有计算机 你能解释一下吗exactly你想做什么 如果您解
  • 需要哪些 HTTP 响应标头

    从服务器发送到客户端需要哪些 HTTP 响应标头 我致力于优化 HTTP 响应标头 以最大限度地减少 HTTP 响应开销 我知道 开销 有点夸张 但我喜欢干净的输出 我看到很多网站发送冗余的缓存标头等 e g 指定两者是多余的Expires
  • 如果用户应答传入的 iMessage,WKWebView 会崩溃

    我的应用程序发生严重崩溃 CALayer position contains NaN 377 833 nan 具有以下堆栈 Fatal Exception CALayerInvalidGeometry 0 CoreFoundation 0x
  • 将 double 转换为 float 后值不正确

    我有一些由 gcc gcc GCC 4 4 4 20100726 Red Hat 4 4 4 13 编译的执行高精度算术的 C 代码 计算的最终结果是一个 double 值 其值为 622 07999995861189 我是将双精度型转换为
  • vbs组合常量

    这是一个快速 可能很愚蠢 的问题 但如果我有两个 const 字符串 如何从前一个 const 构建下一个 const 即 Const PATH SRC some path Const PATH SRC FILES PATH SRC fil
  • 无法解析 primereact 下拉列表中的“react-transition-group”

    我收到以下错误 Failed to compile node modules primereact components dropdown DropdownPanel js Module not found Can t resolve re