css - 如何将 React Bootstrap 与 Gatsby 集成

Question

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

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

在此处输入图像描述

标签： cssreactjsgatsby

Answer 1

尝试这种方式，而不是使用 gatsby-browser.js。

在 Layout.js 中使用 main.scss

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

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

@import '~bootstrap/scss/bootstrap';