Не получается запустить приложение с помощью webpack-dev-server, в консоли пишет

Failed to load resource: the server responded with a status of 404 (Not Found)
и на экран выводит Cannot GET /

если сбилдить и открыть liveServer-ом, работает

{
entry: path.resolve(__dirname, 'src', 'index.ts'),
output: {
filename: 'main.js',
path: path.resolve(__dirname, 'dist'),
publicPath: path.resolve(__dirname, 'public', 'index.html'),
clean: true,
},
module: {
rules: [...],
},
plugins: [...],
resolve: {...},
mode: 'development',
devServer: {
port: 3000,
open: true,
hot: true,
static: {
directory: path.join(__dirname, './dist'),
},
}
}

что делаю не так?

В publicPath бред написан

убрал publickPath plugins = [ new HtmlWebpackPlugin({ template: path.resolve(__dirname, 'public', 'index.html') }) ] теперь другую ошибку выводит: Cannot find module './named-references' at webpackMissingModule

Что такое named-referencies?