Далее. js и SaSS не применяет стили при перезагрузке страницы - PullRequest
0 голосов
/ 06 августа 2020

Я использую @ 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: {},
}));
...