我正试图在我的PostCSS上使用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"),
],
};
发布于 2022-11-10 18:43:18
我遇到过类似的问题,而这些问题并不总是能解决的。最后,根据以下情况,我切换到旧版本暂时解决了这些问题
"@tailwindcss/postcss7-compat": "^2.2.17",
"autoprefixer": "^9.8.8",
"postcss": "^7.0.39",
"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17",
https://stackoverflow.com/questions/65732036
复制相似问题