如何将React Bootstrap与Gatsby集成

时间:2019-08-31 14:58:45

标签: css reactjs gatsby

我正在尝试将react-bootstrap框架与我的Gatsby项目集成,但是在控制台上出现以下错误,并且没有呈现任何内容。

我通过npm软件包“ npm i react-bootstrap bootstrap --save”安装了它 并将其添加到gatsby-browser.js中: 导入“ ./node_modules/bootstrap/dist/css/bootstrap.css”;

enter image description here

1 个答案:

答案 0 :(得分:0)

尝试使用这种方法代替使用gatsby-browser.js。

在Layout.js中使用main.scss

import '../stylesheets/main.scss';

然后在main.scss中从node_modules调用引导程序。

@import '~bootstrap/scss/bootstrap';