Invalid configuration object in hot

• Laravel Mix Version: “laravel-mix”: “^6.0.27”
• Node Version v14.15.1
• NPM Version 6.14.8
• OS: Win10

Description:

hot mode does not start

Laravel-Mix 6.0.27 + Vue 2.6.14

"scripts": {
    "dev": "npm run development",
    "development": "mix",
    "watch": "mix watch",
    "watch-poll": "mix watch -- --watch-options-poll=1000",
    "hot": "mix watch --hot",
    "prod": "npm run production",
    "production": "mix --production",
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
},
"devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-vuex": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "file-loader": "^6.2.0",
    "node-sass": "^4.12.0",
    "sass-loader": "^8.0.2",
    "vue-template-compiler": "^2.6.11"
},
"dependencies": {
    "axios": "^0.21.1",
    "bootstrap": "^4.6.0",
    "bootstrap-vue": "^2.21.2",
    "core-js": "^3.6.5",
    "laravel-mix": "^6.0.27",
    "v-calendar": "^2.3.2",
    "v-video-embed": "^1.0.8",
    "vue": "^2.6.14",
    "vue-plyr": "^7.0.0",
    "vue-router": "^3.2.0",
    "vue-template-loader": "^1.1.0",
    "vuex": "^3.4.0"
}

Steps To Reproduce:

1. npm run hot
2. Message in terminal

[webpack-cli] Invalid configuration object. Object has been initialized using a configuration object that does not match the API schema.
 - configuration has an unknown property 'webpackbar'. These properties are valid:
   object { bonjour?, client?, compress?, devMiddleware?, firewall?, headers?, historyApiFallback?, host?, hot?, http2?, https?, liveReload?, onAfterSetupMiddleware?, onBeforeSetupMiddleware?, onLi
stening?, open?, port?, proxy?, public?, setupExitSignals?, static?, transportMode?, watchFiles? }

[pvanhooren]

Duplicate of #3065

It be closed

Yes but it has been fixed, but it is not released yet. So, you either have to wait for it to be released. Or if you don’t want to wait you can add the package from GitHub by adding "laravel-mix": "https://github.com/JeffreyWay/laravel-mix.git", to devDependencies to your package.json or running

# Yarn 1
yarn add https://github.com/JeffreyWay/laravel-mix.git --dev 
# Yarn 3
yarn add laravel-mix@https://github.com/JeffreyWay/laravel-mix.git --dev 
# Npm 6
npm install https://github.com/JeffreyWay/laravel-mix.git --save-dev

Even after executing this command and adding the hot dependency in this way, the module does not work correctly, there is no live-reload. laravel-mix 5v worked great with this, now project development is much more complicated. I will return temporarily to the previous version, it is practically impossible to work with this

For me, npm run hot works now. I just ran npm update to update all dependencies and now it works.

[timyourivh]

Duplicate of #3065

It be closed

Yes but it has been fixed, but it is not released yet. So, you either have to wait for it to be released. Or if you don’t want to wait you can add the package from GitHub by adding "laravel-mix": "https://github.com/JeffreyWay/laravel-mix.git", to devDependencies to your package.json

or running

# Yarn 1
yarn add https://github.com/JeffreyWay/laravel-mix.git --dev 
# Yarn 3
yarn add laravel-mix@https://github.com/JeffreyWay/laravel-mix.git --dev 
# Npm 6
npm install https://github.com/JeffreyWay/laravel-mix.git --save-dev