时间戳

首页 > 解决方案 > Gatsby ReactJS 从模块无限加载中导入 CSS

javascript - Gatsby ReactJS 从模块无限加载中导入 CSS

问题描述

目前我正在尝试开始一个新的 Gatsby ReactJS 项目。

页面加载时不使用 CSS。但是一旦我在页面中输入 css外部CSS 文件，就会无限加载并且只显示一个空白的白色屏幕。gatsby-browser.js

（从模块导入的 CSS - 导入这些文件一直使用纯 ReactJS。）

盖茨比浏览器.js

import "@fortawesome/fontawesome-free/css/all.min.css";
import "bootstrap-css-only/css/bootstrap.min.css";
import "mdbreact/dist/css/mdb.css";

版本

"react": "^4.14.1",
"mdbreact": "^4.27.0",
"gatsby": "^2.24.63",

我的基本 gatsby 配置

module.exports = {
  plugins: [
    "gatsby-plugin-sass",
    "gatsby-plugin-react-svg",
    "gatsby-plugin-sharp",
    "gatsby-transformer-sharp",
  ],
};

我确实尝试一次删除一个，似乎我只能加载bootstrap-css-only/css/bootstrap.min.css而不会失败。

知道为什么会这样吗？

最好的问候，克里斯

标签： javascriptreactjsgatsbymdbreact

解决方案

推荐阅读