Invalid configuration error while creating a react app with webpack configuration

Question

Unable to configure webpack with react

below is error :

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration.entry['main'] should not contain the item '—' twice. -> A non-empty array of non-empty strings

I have configured webpack and tried

below is webpack.config.js

 const path = require('path');
 const HWP = require('html-webpack-plugin');
 module.exports = {
   entry: path.join(__dirname, '/src/index.js'),
    output: {
    filename: 'build.js',
    path: path.join(__dirname, '/dist')},
module:{
   rules:[{
       test: /\.js$/,
      exclude: /node_modules/,
       loader: 'babel-loader'
    }]
  },
  plugins:[
    new HWP(
       {template: path.join(__dirname,'/src/index.html')}
   )
  ]
}

Just use create-react-app and save yourself from configuring webpack yourself. — Vaibhav Vishal
– Vaibhav Vishal, Commented Aug 30, 2019 at 10:30
I know create-react-app. I am trying to learn more on webpack. — Mahesh
– Mahesh, Commented Aug 30, 2019 at 10:33
I think entry needs to be an array or object. try entry: { main: path.join(__dirname, '/src/index.js') }, — Vaibhav Vishal
– Vaibhav Vishal, Commented Aug 30, 2019 at 10:42
onfiguration.entry['main'] should not contain the item '—' twice. — Mahesh
– Mahesh, Commented Aug 30, 2019 at 10:42

Lucas Urriste · Accepted Answer · 2021-12-18 03:26:09Z

2

I solve this adding "--live-reload false" to my start command.

"scripts": {

"ng": "ng",
"start": "ng serve --live-reload false",
"build": "ng build",
"watch": "ng build --watch --configuration development",
"test": "ng test",
"build:single-spa:mf-test2": "ng build mf-test2 --prod",
"serve:single-spa:mf-test2": "ng s --project mf-test2 --disable-host-check --port NaN --live-reload false"   },

answered Dec 18, 2021 at 3:26

Lucas Urriste

194 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jasper Bernales · Accepted Answer · 2019-08-30 11:37:03Z

0

i think this will work

 const path = require('path');
 const HWP = require('html-webpack-plugin');
 module.exports = {
   entry: ['./src/index.js'],
    output: {
    filename: 'build.js',
    path: path.join(__dirname, 'dist')},
module:{
   rules:[{
       test: /\.js$/,
      exclude: /node_modules/,
       loader: 'babel-loader'
    }]
  },
  plugins:[
    new HWP(
       {template: path.join(__dirname,'src/index.html')}
   )
  ]
}

edited Aug 30, 2019 at 11:37

answered Aug 30, 2019 at 10:50

Jasper Bernales

1,6811 gold badge11 silver badges18 bronze badges

1 Comment

Mahesh Over a year ago

same issue.--> invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration.entry['main'] should not contain the item '—' twice.

Mahesh · Accepted Answer · 2019-09-03 09:00:18Z

0

changing scripts start command in package.json as below made it working,

"start": "webpack-dev-server --config webpack.config.js --port 3000",

answered Sep 3, 2019 at 9:00

Mahesh

8731 gold badge14 silver badges35 bronze badges

Collectives™ on Stack Overflow

Invalid configuration error while creating a react app with webpack configuration

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related