React bootstrap 导致构建失败

Question

我正在使用 React bootstrap 开发 Nextjs 项目。直到今天它都工作正常，不知何故所有 React 引导组件都返回相同的错误并导致构建错误。

'Dropdown.Item' cannot be used as a JSX component.
  Its return type 'ReactNode' is not a valid JSX element.ts(2786)

未对

package.json

或任何配置文件进行任何更改。以下是关于 React、Next、TS 和 React bootstrap 的依赖项|

"@types/react": "18.0.30",
"@types/react-dom": "18.0.11",
"next": "13.2.4",
"react": "^18.2.0",
"react-bootstrap": "^2.7.2",
"react-dom": "18.2.0",
"typescript": "5.0.2",

Answer 1

我遇到了这个问题。 有 2 种解决方案，一种是使用 2.10.2 版本，因为 2.11 导致了我的问题，另一种是旧版运行构建命令。 我遇到的一个项目遇到了这个问题，第一个有效，另一个则没有，所以我自己寻找遗留命令。 当我修复其他解决方案时，我会发布更新。