HMR不适用于Laravel Mix中的代码拆分Vue模块

编程问答 2022-07-21

问题描述

运行npm run hot时未生成块，并且控制台中的错误为Reason: ChunkLoadError: Loading chunk vendors~vue-component Failed.

P.S-适用于npm run watch和npm run dev

app.js 

Vue.component('VueComponent',() => import(/* webpackChunkName: "vue-component" */ './components/VueComponent.vue'));

webpack.mix.js 

const mix = require('laravel-mix');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');

mix.webpackConfig({
  plugins: [
    new CleanWebpackPlugin({ cleanOnceBeforeBuildPatterns: ['js/*'] }),],output: {
    publicPath: '/',chunkFilename: 'js/[name].[chunkhash].js',},});

mix.options({
  postCss: [
    require('autoprefixer'),});

使用 Laravel 8 ， Laravel Mix 5

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

laravellaravellaravel-mixvue.js