Как понять ошибки Vue JS?

Question

[chelkaz]

Например я сейчас специально в роутере допустил ошибку, два одинаковых имени константы:

const Home = {
    template: '<div>Home</div>'
}
const Home = {
    template: '<div>Test</div>'
}
const router = new VueRouter({
    routes: [
        {path: '/', component: Home },
        {path: '/test', component: Test }
    ]
});

И я полагаю что подобные ошибки могут быть часто, но как потом найти источник проблемы, когда кода будет много?
Ведь лог показывает вообще не понятно что...

14 verbose stack Error: @ dev: `npm run development`
14 verbose stack Exit status 2
14 verbose stack     at EventEmitter.<anonymous> (/usr/lib/node_modules/npm/lib/utils/lifecycle.js:283:16)
14 verbose stack     at emitTwo (events.js:125:13)
14 verbose stack     at EventEmitter.emit (events.js:213:7)
14 verbose stack     at ChildProcess.<anonymous> (/usr/lib/node_modules/npm/lib/utils/spawn.js:40:14)
14 verbose stack     at emitTwo (events.js:125:13)
14 verbose stack     at ChildProcess.emit (events.js:213:7)
14 verbose stack     at maybeClose (internal/child_process.js:897:16)
14 verbose stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:208:5)
15 verbose pkgid @
16 verbose cwd /data/wwwroot/dev.com/www
17 verbose Linux 2.6.32-042stab123.1
18 verbose argv "/usr/bin/node" "/usr/bin/npm" "run" "dev"
19 verbose node v8.1.2
20 verbose npm  v5.0.3
21 error code ELIFECYCLE
22 error errno 2
23 error @ dev: `npm run development`
23 error Exit status 2
24 error Failed at the @ dev script.
24 error This is probably not a problem with npm. There is likely additional logging output above.
25 verbose exit [ 2, true ]

Comments

[Антон Антон]

не знаю, как у вас, но у меня вывод такой:

spoiler

"/usr/bin/npm" "run-script" "dev"

> vuewebpacksimple@1.0.0 dev /home/streloy58/work/vuewebpacksimple
> cross-env NODE_ENV=development webpack-dev-server --open --hot

Project is running at http://localhost:8080/
webpack output is served from /dist/
404s will fallback to /index.html
Hash: 1b2079a688f2e84ba631
Version: webpack 2.6.1
Time: 1817ms
   Asset    Size  Chunks                    Chunk Names
build.js  873 kB       0  [emitted]  [big]  main
chunk    {0} build.js (main) 305 kB [entry] [rendered]
   [35] (webpack)/hot/emitter.js 77 bytes {0} [built]
   [36] ./src/main.js 253 bytes {0} [built] [failed] [1 error]
   [37] (webpack)-dev-server/client?http://localhost:8080 5.68 kB {0} [built]
   [38] (webpack)/hot/dev-server.js 1.57 kB {0} [built]
   [39] ./~/ansi-html/index.js 4.26 kB {0} [built]
   [40] ./~/ansi-regex/index.js 135 bytes {0} [built]
   [42] ./~/events/events.js 8.33 kB {0} [built]
   [43] ./~/html-entities/index.js 231 bytes {0} [built]
   [47] ./~/punycode/punycode.js 14.7 kB {0} [built]
   [78] ./~/strip-ansi/index.js 161 bytes {0} [built]
   [80] ./~/url/url.js 23.3 kB {0} [built]
   [82] (webpack)-dev-server/client/overlay.js 3.73 kB {0} [built]
   [83] (webpack)-dev-server/client/socket.js 897 bytes {0} [built]
   [85] (webpack)/hot/log-apply-result.js 1.02 kB {0} [built]
   [86] multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js 52 bytes {0} [built]
     + 72 hidden modules

ERROR in ./src/main.js
Module build failed: Duplicate declaration "Home"

   9 |     template: '<div>Home</div>'
  10 | }
> 11 | const Home = {
     |       ^
  12 |     template: '<div>Test</div>'
  13 | }
  14 | const router = new VueRouter({

 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

кажется, что этой информации достаточно для понимания, где ошибка...
Про то, как у меня установлено я писал вам несколько вопросов назад. с помощью vue-cli и шаблона webpack simple. Разработка ведется в netbeans, но это непринципиально.

[chelkaz]

Антон Антон: Так и у меня установлен vue-cli и webpack , а почему такие разные логи? У вас действительно по логам все ясно видно...

[Антон Антон]

chelkaz: webpack-simple

[chelkaz]

Антон Антон: Так webpack-simple это урезанная версия webpack. У меня же стоит полный webpack. Я не понимаю( Или логи именно в webpack-simple такие? Вот же описание шаблонов https://github.com/vuejs-templates

[Антон Антон]

chelkaz: это не урезанная, это другая версия. с другой организацией конфигов и прочего. И работает она из коробки лучше, особенно для новичка.