Import styles bootstrap in Next Js project React SSR

Question

I have a problem that the styles are not loaded in next js. According to the official documentation , I can import css or scss files to next Js. But when I add reactstrap and bootstrap to the project, the components work for me without problem, but not bootstrap styles. The purpose is to create an React app with SSR. I hope you can help me with that. Thanks in advance.

Answer 1

create a next.config.js and add code below for sass support

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

create a style.scss

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

then import to your react component

Answer 2

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