Question

我是新手。我正在尝试使用bootsrap 4创建一个react应用程序。我正在使用 reactstrap 执行后续步骤：

create-react-app my-app

npm install bootstrap --save

npm install --save reactstrap@next react react-dom

在src / index.js文件中导入Bootstrap CSS： import'bootstrap / dist / css / bootstrap.min.css';

但是当我启动我的应用时，我收到了这个错误：

编译失败。

./ src / index.js找不到模块：无法解析   'D：\ React \ my-app2 \ src'中的'bootstrap / dist / css / bootstrap.css'

我过去常常使用带CDN的bootstrap，你知道，在我的html页面中， link rel =“stylesheet”... etc和script src =“”... etc < / strong>即可。但是使用 reactstrap ，js文件在哪里？（jquery，popper，bootstrap）（当我运行 npm install bootstrap --save 时，它们都在一起吗？）

由于

Answer 1

从错误中可以看出，它试图在 src 文件夹中查找 bootstrap / dist / css / bootstrap.css 。但是，如果查看项目文件，您会注意到 bootstrap 文件夹位于 node_modules 文件夹内的1级（在根目录中）。

因此，请搜索并更正您的路径：

import '../node_modules/bootstrap/dist/css/bootstrap.css'。

或添加（如果您还没有完成此操作）对 index.js 的引用：

这是文件树：

words = ['Hello', 'Hell', 'Apple', 'Banana', 'Ban', 'Peter', 'P', 'e']
new_words = sorted(words, key=len, reverse=True)
final_results = [a for i, a in enumerate(new_words) if not any(a in c for c in new_words[:i])]

reactstrap - create-react-app - not found bootstrap / dist / css / bootstrap.css - v.4

1 个答案: