Reactjs 错误:在'/家庭/反应项目/工作区/scss';

Reactjs 错误:在'/家庭/反应项目/工作区/scss';,reactjs,sass-loader,webpack-4,postcss-loader,Reactjs,Sass Loader,Webpack 4,Postcss Loader,我正在尝试使用webpack在我的reactjs应用程序中加载scss文件。这是我的网页代码: module: { rules: [ { test: /\.js$/, exclude: /node_modules/, use: { loader: 'babel-loader' }, }, { test: /\.(sa|sc|c)ss$/, use: [ devMode ? 'style-loader' : M

我正在尝试使用webpack在我的reactjs应用程序中加载scss文件。这是我的网页代码:

module: { 
 rules: [
  {
    test: /\.js$/,
    exclude: /node_modules/,
    use: {
      loader: 'babel-loader'
    },
  },
  {
    test: /\.(sa|sc|c)ss$/,
    use: [
      devMode ? 'style-loader' : MiniCssExtractPlugin.loader,
      'css-loader',
      'postcss-loader',
      'sass-loader',
    ],
  }
 ]
},
plugins: [
 new HtmlWebpackPlugin({
   template: './src/index.html'
 }),
 new MiniCssExtractPlugin({
   filename: devMode ? '[name].css' : '[name].[hash].css',
   chunkFilename: devMode ? '[id].css' : '[id].[hash].css',
 })
]

当我试着运行它时,它抛出了上面的错误

如果您在根目录中有postsss.config.js,或者如果您有内联选项,例如

options: {
    plugins: (loader) => [
      require('autoprefixer')({
        browsers: [
          'last 2 versions',
          '> 1%',
        ], // browser options can be configured from https://github.com/browserslist/browserslist
      }),
    ],
  },

你明白了吗?不,我还是找不到解决办法。