webpack不断在css-loader中显示错误，提示构建失败

Question

我要做的只是将一个简单的css文件加载到html文件中，但是我什至不知道错误是什么。 这是我的webpack.config.js文件

const path  = require('path');

const config = {
  entry: "./index.js",

  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: "bundle.js"
  },

  module: {
    rules: [{
      test: /\.css$/,
      use: [
        'css-loader',
        'style-loader'
      ]
    }]
  },

  mode: "development",

  devServer: {
    contentBase: path.resolve(__dirname),
    port: 9090,
    compress: true
  }
}

module.exports = config;

但是即使经过数百万次检查，它仍然会说这个错误。

下面是我在其中使用此项目的项目结构。

JSExperiments
|-- dist
|-- index.html
|-- index.js
|-- node_modules
|-- package-lock.json
|-- package.json
|-- style.css
`-- webpack.config.js

2 directories, 6 files

我在index.js中使用了导入'./style.css'。

这是我的devDependencies

"devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",
    "babel-preset-env": "^1.7.0",
    "css-loader": "^2.0.0",
    "style-loader": "^0.23.1",
    "webpack": "^4.29.3",
    "webpack-cli": "^3.2.3",
    "webpack-dev": "^1.1.1",
    "webpack-dev-server": "^3.1.14"
  }

感谢您的帮助。