Webpack-dev-server serves a directory list instead of the app page

My Web app config : `var webpack = require(‘webpack’); var path = require(‘path’);

module.exports = { entry: [ ‘webpack-dev-server/client?http://127.0.0.1:8080’, ‘webpack/hot/only-dev-server’, ‘./src/index.jsx’ ], output: { path: path.join(__dirname,‘public’), filename: ‘bundle.js’, publicPath: ‘http://localhost:8080’ }, devServer: { contentBase: “./public”, hot: true }, resolve: { modulesDirectories: [‘node_modules’,‘src’], extensions: [‘’,‘.js’] }, module: { loaders: [ { test: /.jsx?$/, exclude: /node_modules/, loaders: [‘react-hot’,‘babel?presets[]=react,presets[]=react,presets[]=es2015’] }

    ]
},
plugins:[
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
]

}; ` This is my directory structure :

Please help me with this as i am not able to see my index.html. Is there something wrong with my config file

[shellscape]

@alexlevy0 please avoid posting “same” or “me too” comments on a thread. Rather, use the reaction button an add a thumbs-up reaction to the OP or another comment. See here for more information on reactions.

[alexlevy0]

Same issue as well