当./src/index.css 26 bytes [built] [code generated] [1 error]ERROR in ./src/index.css 1:0Modul

当进行webpack打包时出现:

 可以查看webpack.config.js文件中module中的rules中的test匹配文件是否出现以下错误:

 我出现此类的原因是因为test:/\.css$/多了一个空格，所以将空格去掉就行。

  module: {
    rules: [
      //详细的loader配置
      //不同文件必须配置不同loader处理
      {
        //匹配哪些文件
        test: /\.css$/,
        //使用哪些loader进行处理
        use: [
          // use数组中loader执行顺序:从右到左，从下到上依次执行
          //创建style标签，将js中的样式资源插入进行，添加到head中生效
          "style-loader",
          //将css文件变成commonjs模块加载js中，里面内容是样式字符串
          "css-loader",
        ],
      },
      {
        test: /\.less$/,
        use: [
          //创建style标签，将js中的样式资源插入进行，添加到head中生效
          "style-loader",
          //将css文件变成commonjs模块加载js中，里面内容是样式字符串
          "css-loader",
          // 将less文件编译成css
          "less-loader",
        ],
      },
    ],
  },