Webpack 5 won't allow a non-string entry configuration value

[ethanov]

I am trying to set up a Webpack (version 5) configuration that specifies multiple entry points using the "Object Syntax" as described in the Webpack documentation at https://webpack.js.org/concepts/entry-points/#object-syntax.

According to the Webpack documentation, I should be able to specify an "entry" configuration as (for example):

    module.exports = {
      entry: {
        app: './src/app.js',
        adminApp: './src/adminApp.js',
      },
    };

But when I try to run Webpack with this configuration, I get an error:

    [webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.
     - configuration.entry[0] should be a non-empty string.
       -> A module that is loaded upon startup. Only the last one is exported.

My full webpack.config.js is as follows:

    const HtmlWebpackPlugin = require('html-webpack-plugin');
    const path = require('path');
    
    module.exports = {
      entry: {
        'chunkone': './index1.js',
        'chunktwo': './index2.js'
      },
      mode: 'development',
      output: {
        path: path.resolve(__dirname, './dist'),
        filename: 'index_bundle.js',
      },
      target: 'web',
      devServer: {
        port: '5000',
        static: {
          directory: path.join(__dirname, 'public')
        },
        open: true,
        hot: true,
        liveReload: true,
        proxy: {
          '/api': 'http://localhost:8000',
        }
      },
      resolve: {
        extensions: ['.js', '.jsx', '.json'],
      },
      plugins: [
        new HtmlWebpackPlugin({
          template: path.join(__dirname, 'public', 'index1.html'),
          chunks: ['chunkone']
        }),
        new HtmlWebpackPlugin({
          template: path.join(__dirname, 'public', 'index2.html'),
          chunks: ['chunktwo']
        })
      ]
    };

and my package.json is as follows:

    {
      "name": "sandbox8a",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "start": "start node .\\server\\server.js && webpack-dev-server .",
        "build": "webpack .",
        "ver": "webpack --version"
      },
      "keywords": [],
      "author": "",
      "license": "ISC",
      "devDependencies": {
        "html-webpack-plugin": "^5.5.3",
        "webpack": "^5.90.1",
        "webpack-cli": "^5.1.4",
        "webpack-dev-server": "^4.15.1"
      },
      "dependencies": {
      }
    }

Can anyone suggest what I may be missing here?

[alexander-akait]

Wierd, I can't reproduce, can you run npm ls webpack?

[ethanov]

sandbox8a@1.0.0 C:\projects\sandbox8a
+-- html-webpack-plugin@5.6.0
| `-- webpack@5.90.1 deduped
+-- webpack-cli@5.1.4
| +-- @webpack-cli/configtest@2.1.1
| | `-- webpack@5.90.1 deduped
| +-- @webpack-cli/info@2.0.2
| | `-- webpack@5.90.1 deduped
| +-- @webpack-cli/serve@2.0.5
| | `-- webpack@5.90.1 deduped
| `-- webpack@5.90.1 deduped
+-- webpack-dev-server@4.15.1
| +-- webpack-dev-middleware@5.3.3
| | `-- webpack@5.90.1 deduped
| `-- webpack@5.90.1 deduped
`-- webpack@5.90.1
  `-- terser-webpack-plugin@5.3.10
    `-- webpack@5.90.1 deduped

If it helps, I am also using Node v20.11.0

[alexander-akait]

Wierd, can you put this in github repo (i.e. minimum reproducible test repo) and send me a link?

[ethanov]

https://github.com/ethanov/webpack-entry-sample

[alexander-akait]

Please use "build": "webpack", instead "build": "webpack .",, there is no .

Also please use filename: '[name].bundle.js',, because you have multiple chunk and can't use the same name

And please use:

new HtmlWebpackPlugin({
      template: path.join(__dirname, 'public', 'index1.html'),
      filename: "index1.html",
      chunks: ['chunkone']
    }),
     new HtmlWebpackPlugin({
      template: path.join(__dirname, 'public', 'index2.html'),
      filename: "index2.html",
      chunks: ['chunktwo']
    })

By default HtmlWebpackPlugin generates index.html

[ethanov]

Thank you - it works now!