Reactjs 未找到模块：Can'；t解决'；bootstrap/dist/css/bootstrap.css'；在'；C:\Users\test\counter-app\src'；

我是新手。我正在尝试创建一个组件。为此，我安装了bootstrap（版本4.1.1），它已成功安装

然后我在index.js中导入了相同的内容，在重新加载页面（localhost:3000）时，我得到了错误消息：

我的

index.js

：

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import * as serviceWorker from "./serviceWorker";
import "bootstrap/dist/css/bootstrap.css";

ReactDOM.render(<App />, document.getElementById("root"));

serviceWorker.unregister();

---

请帮我把这个修好

将导入路径更改为bootstrap.min.css，如下所示：

导入'bootstrap/dist/css/bootstrap.min.css'

---

不推荐使用这样的引导。你应该调查一下。您需要运行：

npm install react-bootstrap bootstrap

然后：

import Button from 'react-bootstrap/Button';

// or less ideally
import { Button } from 'react-bootstrap';

---

查看他们的详细信息。

发生这种情况的原因可能是库的安装未成功，即在

节点模块

目录中安装引导时遇到问题，或者代码中对库的引用不正确。通过在

node_modules

中查找引导文件夹，可以验证

bootstrap

安装是否正确吗

这将位于

/node\u modules/bootstrap

，其中

是项目的根目录位置。对你来说，我相信绝对的道路如下：

C:\Users\test\counter-app\src\node_modules\bootstrap

npm i -S bootstrap

如果您没有看到

引导

目录，请执行以下操作：

C:\Users\test\counter-app\src\node_modules\bootstrap

npm i -S bootstrap

因为这会将引导保存为项目的依赖项。您在

index.js

中对

bootstrap

的引用看起来不错：

import'bootstrap/dist/css/bootstrap.css'

话虽如此，bootstrap的许多特性都依赖于以下库：

popper.js

和

jquery

。因此，一旦解决了安装问题，就必须同时安装这些模块，并在

index.js

中适当地引用它们。大致如下：

安装模块：

npm i -S popper.js
npm i -S jquery

index.js

import 'jquery/dist/jquery.js';
import 'popper.js/dist/umd/popper.js';
import 'boostrap/dist/js/bootstrap.js';

---

希望这有帮助

我也遇到了同样的问题，但还是通过以下步骤解决了：

删除

节点\u模块

文件夹

通过运行npm安装引导程序来安装引导程序

通过运行

npm Install

安装其他软件包

---

问题是，因为您尚未安装引导。您可以在“dependencies”：{“react”：“^16.8.4”，“react dom”：“^16.8.4”，“react脚本”：“2.1.8”}中检查，当您在react项目中安装引导程序或其他库时，您应该在package.json/dependencies部分中看到。执行此命令“npm install bootstrap”。在检查package.json之后，是否定义了引导陷阱。让我知道是否有效。太好了。。！现在它起作用了。但是我已经使用命令npmi安装了它bootstrapp@4.1.1. 那么为什么它不工作呢？您执行的Cus命令是不正确的：“npm ibootstrapp@4.1.1.您只需执行“npm安装引导”即可

package.json

丢失

bootstrap

。运行

npm install bootstrap

Hi@lupa，通常情况下不一定如此，因为该模块可以安装在node_modules目录中，并可以在应用程序中使用，以测试该模块是否值得保留。只有在确定正在使用此模块并希望将其作为构建依赖项列出后，才能向package.json添加依赖项。但在本例中，我认为问题在于，正如您所指出的，模块安装不正确。希望这是有意义的：）Thx这真的很有帮助，我搜索了很长时间。还有一个建议，我们可以导入

min

版本而不是常规版本。@SaahithyanVigneswaran我很高兴听到你发现这个答案很有用。是的，当您将代码部署到生产级环境时，您应该为应用程序所依赖的每个库使用缩小版本。但是，对于开发来说，如果需要跟踪堆栈跟踪以确定bug的根本原因，那么使用非小型版本的依赖项库可能会很有用。不过我想这是个人喜好的问题。