首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Sass的顺风:在: plugins[0]找到无效的PostCSS插件

Sass的顺风:在: plugins[0]找到无效的PostCSS插件
EN

Stack Overflow用户
提问于 2021-01-15 07:28:03
回答 1查看 1.1K关注 0票数 2

我正试图在我的PostCSS上使用PostCSS,同时使用Sass作为预处理程序。每当我试图启动我的项目时,我都会收到以下错误:

代码语言:javascript
运行
复制
[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

代码语言:javascript
运行
复制
{
        test: /\.(sa|sc)ss$/,
        use: [
          {
            loader: MiniCssExtractPlugin.loader,
          },
          {
            loader: "css-loader",
            options: {
              importLoaders: 2,
            },
          },
          {
            loader: "postcss-loader",
          },
          {
            loader: "sass-loader",
          },
        ],
      },

postcss.config.js

代码语言:javascript
运行
复制
module.exports = {
  plugins: [
    require("postcss-import"),
    require("tailwindcss"),
    require("autoprefixer"),
  ],
};
EN

回答 1

Stack Overflow用户

发布于 2022-11-10 18:43:18

我遇到过类似的问题,而这些问题并不总是能解决的。最后,根据以下情况,我切换到旧版本暂时解决了这些问题

代码语言:javascript
运行
复制
"@tailwindcss/postcss7-compat": "^2.2.17",
"autoprefixer": "^9.8.8",
"postcss": "^7.0.39",
"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17",

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65732036

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档