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

Question

我有一个问题，即样式未在下一个js中加载。根据{{​​3}}，我可以将css或scss文件导入下一个Js。但是，当我向项目中添加reactstrap和bootstrap时，这些组件对我来说没有问题，但bootstrap样式却没有问题。目的是用SSR创建一个React应用。我希望你能帮助我。预先感谢。

Answer 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");

然后导入到您的react组件

Answer 2

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