当我尝试在类.topContainer中使用composes时,我在构建项目时在控制台中出错:

错误在./node_modules/css-loader?{"sourceMap":true,"modules":true,"localIdentName":"[local]--[hash:base64:5]","importLoaders":2}! ./node_modules/postcss-loader/lib?{"sourceMap":true,"plugins":[null]}!./node_modules/sass-loader/lib/loader.js!./client/public/scss/layout . scss模块构建失败:TypeError:无法在处理器上读取处理器的属性'postcss'(/home/projects/myproject/node_modules/postcss-loader/node_modules/postcss/lib/processor.js:136:12) (/home/projects/myproject/node_modules/postcss-loader/node_modules/postcss/lib/processor.js:51:25)在postcss上(/ home / projects / myproject / node_modules / postcss-loader / node_modules / postcss / lib / postcss.js:73:10)在Promise.resolve.then.then(/home/projects/myproject/node_modules/postcss-loader/lib/index.js:146:12)@ ./node_modules/css-loader?{ “sourceMap”:真, “模块”:真 “localIdentName”: “[本地] - [散列:BASE64:5]”, “importLoaders”:2} ./ node_modules / postcss装载机/ lib中{”!? sourceMap “:真正的” 插件“:[空]} ./ node_ modules / sass-loader / lib / loader.js!./ client / containers / layout / Header / styles.scss 3:10-350 12:42-382

它是一个反应web应用程序:web app structure我使用sass和设置webpack.config:

{
    test: /\.scss$/,
    include: [
        path.resolve(__dirname, 'client'),
        path.resolve(__dirname, 'node_modules/myproject')
    ],
    use: ExtractTextPlugin.extract([
        {
            loader: 'css-loader',
            options: {
                sourceMap: true,
                modules: true,
                localIdentName: '[local]--[hash:base64:5]',
                importLoaders: 2,
            }
        },
        {
            loader: 'postcss-loader',
            options: {
                sourceMap: true,
                plugins: [autoprefixer()],
            }
        },
        {
            loader: 'sass-loader'
        }
    ])
},

公共/ SCSS / layout.scss:

.mediaContainer {
    max-width: 1024px;
    margin: auto;
}

容器/布局/页眉/ styles.scss:

.top {
    &Container {
        composes: mediaContainer from '../../../public/scss/layout.scss';
    }
}