Webpack HMR带有网页包/Laravel Mix/AdonisJS

我很难让Webpack的热模块替换（HMR）为我的应用程序堆栈工作，这是：

• Adonisjs v4.0.28
• Laravel Mix v2.1.11
• 网页包v3.11.0
• Vue v2.5.16

前端应用程序资产都是从webpack dev服务器而不是Adonis的应用程序服务器加载的，如下所示：

我的应用程序成功加载并执行，并且在运行webpack dev服务器和我进行源代码更改时，它会通过添加“热更新”文件来正确更新mix-manifest.json文件，这些文件都可以通过URL访问

{
“/js/app.js”：“/js/app.js”，
“/css/app.css”：“/css/app.css”，
“/js/vendor.js”：“/js/vendor.js”，
“/js/manifest.js”：“/js/manifest.js”，
“/0.e28262e7e8d825cfaa1a.hot update.js”：/0.e28262e7e8d825cfaa1a.hot update.js”，
“/0.1a35d37d2386038f6c78.hot update.js”：/0.1a35d37d2386038f6c78.hot update.js”
}

我不确定如何进一步排除故障，也不确定为了使HMR工作，我正在错误地做什么

---

配置 npm脚本：

node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node node_modules/webpack-dev-server/bin/webpack-dev-server.js --hot --config=node_modules/laravel-mix/setup/webpack.config.js

webpack.mix.js：

node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node node_modules/webpack-dev-server/bin/webpack-dev-server.js --hot --config=node_modules/laravel-mix/setup/webpack.config.js

const Env=require（'@adonisjs/framework/src/Env'）；
const mix=require（'laravel-mix'）；
const webpack=require（'webpack'）；
const env=新环境（uu dirname）；
const-appUrl=JSON.stringify（env.get（'APP_-URL'）；
mix.webpackConfig({
插件：[
新的webpack.DefinePlugin（{APP_URL:appUrl}），
],
开发服务器：{
是的，
安静：错，
},
});
混合
.setPublicPath（“公共”）
.js（'resources/assets/js/app.js'，'public/js'）
.extract（['vue'，'vue router'，'axios']））
.sass（'resources/assets/sass/app.scss'，'public/css'）
.sourceMaps（）
.disableNotifications（）；

由Laravel Mix生成的完整网页包配置：

node node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node node_modules/webpack-dev-server/bin/webpack-dev-server.js --hot --config=node_modules/laravel-mix/setup/webpack.config.js

---

这似乎是Laravel Mix v2的一个问题。对laravel mix模块的以下代码更改为我解决了这个问题：