laravel-mix+brower-sync 无法监听.vue文件的变化，需要如何配置?

Question

题目描述

在我修改.vue 文件的时候，浏览器确实刷新了，但是内容并未更新，此时我再去改变任意一个js文件，之前对.vue文件的改变的内容才会更新显示到浏览器上，已经禁用缓存。

相关代码

webpack.mix.js

// "laravel-mix": "^1.7.2",
const { mix } = require('laravel-mix');
const path = require('path');


mix.webpackConfig({
  output: {
    publicPath: "/",
    chunkFilename: 'js/[name].[chunkhash].js'
  },
  resolve: {
    alias: {
      'config': 'assets/js/config',
      'lang': 'assets/js/lang',
      'plugins': 'assets/js/plugins',
      'vendor': 'assets/js/vendor',
      'dashboard': 'assets/js/dashboard',
      'home': 'assets/js/home',
      'demo': 'assets/js/demo',
      'js': 'assets/js',
    },
    modules: [
      'node_modules',
      path.resolve(__dirname, "resources")
    ]
  },
});
mix.options({
    extractVueStyles: true
});

let themes = [
  'resources/assets/sass/themes/default-theme.scss',
  'resources/assets/sass/themes/gray-theme.scss',
];

themes.forEach((item) => {
  mix.sass(item, 'public/css/themes').version();
})

mix.browserSync({
        proxy: 'https://192.168.1.222:8082',
        files: [
            './resources/views/**/*.blade.php',
            './resources/assets/js/**/*.js',
            './resources/assets/js/**/*.vue',
        ]
})
.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css')
.js('resources/assets/js/home.js', 'public/js')
.sass('resources/assets/sass/home.scss', 'public/css')
.js('resources/assets/js/demo.js', 'public/js')
.version()
;

你期待的结果是什么？实际看到的错误信息又是什么？

在修改.vue文件后，浏览器刷新，并更新.vue文件上被修改的内容。