当我尝试在类.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';
}
}