在 Next Js 项目 React s-s-r 中导入样式引导程序

Posted 2023-03-23

【中文标题】在 Next Js 项目 React s-s-r 中导入样式引导程序

【英文标题】：Import styles bootstrap in Next Js project React s-s-r

【发布时间】：2019-09-16 07:53:41

【问题描述】：

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

【参考方案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

【讨论】：

最好将此作为评论发送。