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

IT技术 reactjs
2021-04-25 05:28:15

我是 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(<App />, document.getElementById('root'));
registerServiceWorker();

如果我删除下面这两行,它会起作用:

import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/css/bootstrap-theme.css';
4个回答

在 Bootstrap 版本 4 中,根据 github 中的问题,文件“bootstrap-theme.css”已被删除:https : //github.com/twbs/bootstrap/issues/21078,在Change History 中您可以获得详细信息

要使用第 4 版,请删除导入,否则降级到第 3 版。

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

如果您已经通过以下一些变体安装了 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 中的建议,较低版本的引导程序对我有用:

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

重新安装引导程序,不要忘记在命令中提及 --save 以将其保存到节点module,这为我解决了问题。

sudo npm install bootstrap --save 

将解决方案添加到我遇到的原因中 - 这是我的失误,但在阅读其他答案时仍然不清楚。

如果react-bootstrap像这样单独安装:

npm install --save react-bootstrap

那么bootstrap就会失踪。尝试以下方法纠正:

npm install --save bootstrap

正确的初始安装方法如下:

npm install --save react-bootstrap bootstrap