Я использую @ zeit / next-sass для загрузки css и s css в моем проекте React Next js, проблема в том, что когда я перезагружаю страницу (ctrl + r) стили больше не применяются, вы можете увидеть, в чем моя проблема, в этом видео:
https://s3.amazonaws.com/img0.recordit.co/iPJcbiQ1Xe.mp4?AWSAccessKeyId=AKIAUQ5RURZ7ND2T2B6I&Expires=1596748128&Signature=N9iu6M9zJAYy2edLZMzLpubEDQ0%3D
Это мой next.config . js файл:
const withSass = require('@zeit/next-sass');
const withCSS = require("@zeit/next-css");
const dotenv = require('dotenv');
const tailwindCss = require('tailwindcss');
module.exports = withCSS(withSass({
target: 'serverless',
webpack(config, options) {
const rules = [
{
test: /\.scss$/,
use: [
{
loader: 'postcss-loader',
options: {
ident: 'postcss',
plugins: [tailwindCss('./tailwind.config.js')]
}
},
{ loader: "sass-loader" }
]
}
];
return {
...config,
module: { ...config.module, rules: [...config.module.rules, ...rules] }
};
},
env: {},
}));