Блог

Я пытаюсь использовать TailwindCSS в моем PostCSS вместе с Sass в качестве препроцессора. Всякий раз, когда я пытаюсь запустить свой проект, я получаю эту ошибку:

 [07:18:19] Error: ModuleBuildError: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js):
TypeError: Invalid PostCSS Plugin found at: plugins[0]
 

У меня есть эти конфигурации на месте:

webpack.config.js

 {
        test: /.(sa|sc)ss$/,
        use: [
          {
            loader: MiniCssExtractPlugin.loader,
          },
          {
            loader: "css-loader",
            options: {
              importLoaders: 2,
            },
          },
          {
            loader: "postcss-loader",
          },
          {
            loader: "sass-loader",
          },
        ],
      },
 

postcss.config.js

 module.exports = {
  plugins: [
    require("postcss-import"),
    require("tailwindcss"),
    require("autoprefixer"),
  ],
};