未找到模块：无法解析“C:\\react-form-validation-demo\\src”中的“bootstrap/dist/css/bootstrap-theme.css”

Question

我是 react.js 的新手。我一直在遵循 how-to-do-simple-form-validation-in-reactjs 中的说明，我可以运行 http://localhost:3000/

但是在 index.js 添加引导程序后，我得到了这个错误

> Failed to compile ./src/index.js Module not found: Can't resolve
> 'bootstrap/dist/css/bootstrap-theme.css' in
> 'C:\react-form-validation-demo\src'
>
> ```

import React from ‘react’; import ReactDOM from ‘react-dom’; import ‘./index.css’; import ‘bootstrap/dist/css/bootstrap.css’; import ‘bootstrap/dist/css/bootstrap-theme.css’; import App from ‘./App’; import registerServiceWorker from ‘./registerServiceWorker’;

ReactDOM.render(, document.getElementById(‘root’)); registerServiceWorker();

如果我删除下面的这两行，它会起作用：

import ‘bootstrap/dist/css/bootstrap.css’; import ‘bootstrap/dist/css/bootstrap-theme.css’;

”`

原文由 Steve 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

根据 GitHub 上的问题， 在 Bootstrap 版本 4 中，文件“bootstrap-theme.css”已被删除。有关详细信息，请参阅 更改历史记录。

如果您想继续使用版本 4，请删除此导入，否则降级到版本 3。

原文由 Delfino 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

此错误是由错误配置、版本不匹配或损坏的引导程序安装引起的。

如果您已经通过以下变体安装了 bootstrap 和 react-bootstrap：

npm install --save bootstrap@^4.0.0-alpha.6 react-bootstrap@^0.32.1

（ 如果您不确定，请检查您的 package.json 是否包含“bootstrap”和“react-bootstrap”。 ）

只需安装不同版本的引导程序并重建您的项目。那应该将该文件 ( bootstrap/dist/css/bootstrap-theme.css ) 替换或添加到该文件夹。按照我的 create-react-app 生成的 README.md 中的建议，较低版本的 bootstrap 对我有用：

npm install --save react-bootstrap bootstrap@3

添加引导程序

您不必将 React Bootstrap 与 React 一起使用，但它是一个用于将 Bootstrap 与 React 应用程序集成的流行库。如果你需要它，你可以通过以下步骤将它与 Create React App 集成：

从 npm 安装 React Bootstrap 和 Bootstrap。 React Bootstrap 不包含 Bootstrap CSS，因此也需要安装它：

sh npm install --save react-bootstrap bootstrap@3

或者你可以使用 yarn ：

sh yarn add react-bootstrap bootstrap@3

原文由 Higgs Bogson 发布，翻译遵循 CC BY-SA 4.0 许可协议