缺少模板文件index.html,Index.html模板未为HtmlWebpackPlugin加载网站图标

我正在尝试使用favicon的模板模板index.html加载HtmlWebpackPlugin，但没有加载。

这就是我的Webpack配置的样子：

'use strict'

const webpack = require('webpack')

const { join, resolve } = require('path')

const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {

devtool: 'cheap-module-eval-source-map',

entry: join(__dirname, 'src', 'index'),

output: {

filename: 'bundle.js',

path: resolve(__dirname, 'dist')

},

module: {

rules: [

{

test: /\.js$/,

exclude: /node_modules/,

loader: 'babel-loader'

},

{

test: /\.s?css$/,

exclude: /node_modules/,

use: ['style-loader', 'css-loader', 'sass-loader']

}

]

},

resolve: {

extensions: ['.js']

},

devServer: {

contentBase: resolve(__dirname, 'build')

},

plugins: [

new HtmlWebpackPlugin({

template: join(__dirname, 'public', 'index.html')

})

]

}

这就是我的index.html：

React App

You need to enable JavaScript to run this app.