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

Posted

技术标签:

【中文标题】无法解析 Primereact 下拉列表中的“react-transition-group”【英文标题】:Can't resolve 'react-transition-group' in primereact dropdown 【发布时间】:2021-06-11 19:53:38 【问题描述】:

我收到以下错误-

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';

我在这里错过了什么?

【问题讨论】:

你用什么编译?编译命令是什么? @aryzing after 添加“import Dropdown from 'primereact/dropdown';” 【参考方案1】:

会不会是你只包含了"@types/react-transition-group": "^4.4.1",的类型,而没有安装实际的包?

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

【讨论】:

我使用了“npm install @types/react-transition-group” 试试npm install react-transition-group

以上是关于无法解析 Primereact 下拉列表中的“react-transition-group”的主要内容,如果未能解决你的问题,请参考以下文章

在反应中从json数据动态生成列表

无法通过@click 调用 vs- 下拉列表中的函数

PrimeReact 和样式化组件

无法将mysql表中的数据打印到下拉列表中

无法从离子中的下拉列表中获取所选值

使用 web api 编辑获取数据时无法将数据绑定到 jqgrid 中的下拉列表