Что запускает Browser-sync Перезагрузка браузеров ... (буферизовано 2 события) - PullRequest
Новая
       61

Что запускает Browser-sync Перезагрузка браузеров ... (буферизовано 2 события)

0 голосов
/ 18 декабря 2018

У меня есть спа-приложение с vuejs в качестве внешнего интерфейса и laravel в качестве внутреннего.Я использую браузер-синхронизацию во время разработки.Я продолжаю получать спорадическую перезагрузку во время навигации, если ссылка маршрутизатора в форме привязки, и я получаю следующее сообщение в моей командной строке Reloading Browsers... (buffered n events).Вот мой gulpfile.js

Моя функция инициализации 

  browserSync.init({
    proxy: process.env.APP_URL,
    cors: true,
    notify: false,
    https: {
      key: 'config/ssl/localhost.key',
      cert: 'config/ssl/localhost.crt',
    },
    port: 3000,
    open: false,
    online: false,
    files: ['app/', 'lib/', 'config/'],
    middleware: [
      webpackDevMiddleware(bundler, {
        publicPath: webpackConfig.output.publicPath,
        stats: {colors: true, chunks: false, modules: false},
      }),
      webpackHotMiddleware(bundler),
    ],
  })

Это стало происходить чаще, так как я начал связывать вот так.

route.js 

export default [
  {
    path: '/',
    name: 'home',
  },
}

route-mapper.js 

import routes from '../routes'
import camelCase from 'lodash/camelCase'
import components from '../../lib/register-route-components'

function remapRoutes(routes, child = false) {
  let output = []
  let componentPath = child ? 'children' : 'parent';
  for (let route of routes) {

    const componentName = 'component' in route
      ? camelCase(route.component)
      : camelCase(route.name)

    if ( 'children' in route ) {
        route.children = remapRoutes(route.children, true)
    }

    let component = components[componentPath][componentName]
    if (!component) {
      console.error(`${componentName}.vue route component is not found in ${componentPath} components folder`)
    }
    route.component = component
    output.push(route)
  }
  return output
}


export default remapRoutes(routes)

router.js 

import routes from  './config/helpers/routes-mapper'
const router = new VueRouter({
  mode: 'history',
  base: __dirname,
  routes,
  parseQuery(query) {
    return qs.parse(query);
  },
  stringifyQuery(query) {
    var result = qs.stringify(query, {encode: false, skipNulls: true});
    return result ? ('?' + result) : '';
  },
})

Есть ли способ отследить, что именно вызывает такие перезагрузки?Похоже, это событие по умолчанию для привязки, как будто я создаю приложение, таких перезагрузок не происходит.

...