升级以响应Bootstrap 1.0.0-beta5后，如何修复TypeError：document.body为null

Question

我升级了react-bootstrap

   "react-bootstrap": "^0.31.2",
   "react-bootstrap": "^1.0.0-beta.5",

， 现在我看到以下警告：TypeError: document.body is null（它似乎来自./node_modules/react-overlays/Modal.js）

Answer 1

我遇到了类似的情况。我发现的一种解决方案是将导入内容从import {Alert} from 'react-bootstrap';更改为import Alert from 'react-bootstrap/Alert';。我不确定为什么可以解决这个问题。

Answer 2

这似乎与https://github.com/react-bootstrap/react-overlays/issues/283有关。将脚本标签从"start": "tsc-watch --project . --outDir ./dist --onSuccess \"nodemon ./dist/bin/www.js\"" 移到<header>可以解决此问题。