Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack Web包sass加载程序未配置加载程序来处理此文件_Webpack - Fatal编程技术网

Webpack Web包sass加载程序未配置加载程序来处理此文件

Webpack Web包sass加载程序未配置加载程序来处理此文件,webpack,Webpack,抱歉,我知道还有无数其他线程存在相同的问题,但我尝试了所有的解决方案,但都没有效果。我只是试图用webpack编译scss文件,但当我编译时,我得到了错误: ./css/source/main.scss中出现错误3:0 模块分析失败:意外字符“@”(3:0) 您可能需要适当的加载程序来处理此文件类型,目前没有配置加载程序来处理此文件 const path = require('path'); const MiniCssExtractPlugin = require("mini-css-extra

抱歉,我知道还有无数其他线程存在相同的问题,但我尝试了所有的解决方案,但都没有效果。我只是试图用webpack编译scss文件,但当我编译时,我得到了错误:

./css/source/main.scss中出现错误3:0 模块分析失败:意外字符“@”(3:0) 您可能需要适当的加载程序来处理此文件类型,目前没有配置加载程序来处理此文件

const path = require('path');
const MiniCssExtractPlugin = require("mini-css-extract-plugin");

module.exports = {
  output: {
    path: path.resolve(__dirname, '../dist')
  },
  module: {
    rules: [
      {
        loader: 'babel-loader',
        test: /\.js$/,
        exclude: /node_modules/
      },
      {
        test: /\.scss$/,
        use: [
          "style-loader",
          MiniCssExtractPlugin.loader,
          "css-loader",
          "sass-loader"
        ]

      }
    ]
  }
};

请尝试以下格式

{
    test: [/.css$|.scss$/],
    use: [
      MiniCssExtractPlugin.loader,
      "css-loader",
      "postcss-loader",
      "sass-loader"
    ]
 }

此链接可能会帮助您:您是否尝试删除
MiniCssExtractPlugin.loader
行?是的,我有,据我所知,这是我想要做的事情所必需的