React-Bootstrap 一夜之间停止工作

React-Bootstrap stopped working overnight

对于这个问题的奇怪性质,我深表歉意,但是我被提醒了一个问题,但我找不到发生了什么。

一夜之间 (04/02/2018) 我的 React Web 应用程序的样式似乎完全崩溃了。导航栏不再显示,容器对齐不再起作用,应用程序的响应方面也不再起作用。这段时间代码没有改动,在IE,Chrome 和 FireFox.

调试或者查看控制台的时候也看不到任何错误

这件事发生在其他人身上吗?我已尝试更新 React 应用程序正在使用的 bootstrap 版本,但这并没有改变任何有关此问题的内容。

改变这个:]

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">

不是最新版本,例如。

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

这是因为现在最新的bootstrap指的是linkhttps://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css

中的v4

您需要将您的 link 更改为 https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css 您最有可能包含样式表的地方 /public/index。html 或者只是搜索要导入的文件 bootstrap 从 cdn 并将其更改为版本 3(在我的情况下为 3.3.7),因为 react-bootstrap(Navs、NavItems 或任何其他组件)使用 bootstrap v3 css