在 Next Js 项目 React SSR 中导入样式引导程序

【问题标题】：Import styles bootstrap in Next Js project React SSR在 Next Js 项目 React SSR 中导入样式引导程序
【发布时间】：2019-09-16 07:53:41
【问题描述】：

我有一个问题，样式没有在下一个 js 中加载。根据official documentation，我可以将css或scss文件导入下一个Js。但是当我将 reactstrap 和 bootstrap 添加到项目中时，这些组件对我来说没有问题，但不是 bootstrap 样式。目的是创建一个带有 SSR 的 React 应用程序。我希望你能帮助我。提前致谢。

【问题讨论】：

标签： javascript reactjs bootstrap-4 next.js reactstrap

【解决方案1】：

创建一个 next.config.js 并在下面添加代码以支持 sass

const withSass = require("@zeit/next-sass");
module.exports = withSass({
  /* config options here */
});

创建一个 style.scss

@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css");

然后导入到你的反应组件

【讨论】：

【解决方案2】：

我认为您缺少添加@zeit/next-css

【讨论】：

最好将此作为评论发送。