WDS Disconnected! Vue.js

549

25 апреля 2018, 06:08

В проекте Vue.js( Webpack-simple ), при подключиении vue-router выдаёт в консоли ошибку

[WDS] Disconnected!
close
onclose
[5]</EventTarget.prototype.dispatchEvent
[14]</</SockJS.prototype._close/<

Активны только 4 файла.

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>spa</title>
  </head>
  <body>
    <div id="app">
      <router-view></router-view>
    </div>
    <script src="/dist/build.js"></script>
  </body>
</html>

main.js

import Vue from 'vue'
import App from './App.vue'
import hello from './views/hello.vue'
import good from './views/good.vue'
import Router from 'vue-router'
Vue.use(Router)
var vueRouter = new Router ({
  routes: [
    { path: '/hello', component: hello },
    { path: '/good', component: good }
  ]
})
new Vue({
  el: '#app',
  router: vueRouter
})

./views/hello.vue

<template>
  <div>
    <input type="text" @input="input" v-model="widths">
    <button id="button" type="submit" v-bind:style="{ width: widths + 'px' }">Text</button>
  </div>
</template>
<script>
export default {
  name: "hello",  
  data () {
    return {
        widths: ''
    }
  }
}
</script>
<style>
    button {
        padding: 0; 
        margin: 0;
        width: auto;
    }
</style>

В ./views/good.vue практические полностью аналогичен hello.vue.

Из-за чего ошибка вообще? И как её исправить? Ошибку начало выдавать когда я подключил vue-router в main.js. Так что думаю дело в этом.

Создание интернет-магазина интимных товаров в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Fill для внешнего SVG файла в React

Есть ли какой-то способ изменить цвет SVG файла если тот был импортирован из внешнего SVG файла? То есть <img src="[svgfile]"> не позволяет контроллировать...

280

javascript

Ошибка ''undefined is not an object (evaluating…)'' в цикле

Почему при исполнении выдает ошибку?

259

javascript

React JS - Можно ли создать второе SPA но не к root?

Идея такая: Есть веб-сайт, который имеет SPA-архитектуруЯ использую React, но появилась необходимость создать внутри сайта еще одно SPA

275

javascript

Как кэшировать изображения

У меня есть галерея, но картинки не прогружается все, как мне загрузить например из массива все картинки, а потом уже запускать сайт, вот как...

300