如何将 React Bootstrap 与 Gatsby 集成

Question

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

我是通过npm包安装的"npm i react-bootstrap bootstrap --save" 并将其添加到 gatsby-browser.js 中： 导入“./node_modules/bootstrap/dist/css/bootstrap.css”；

enter image description here

Answer 1

不要使用 gatsby-browser.js，试试这种方式。

在 Layout.js 中使用 main.scss

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

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

@import '~bootstrap/scss/bootstrap';