Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Erros após utilizar "vue-router"

Reparei que no vídeo não baixamos a biblioteca "vue-router" via command line npm, porem mesmo assim no curso funcionou, será que foi importado no curso e por isso não está funcionando aqui?

main.js :

import Vue from 'vue'
import App from './App.vue'
import VueResource from 'vue-resource';
import VueRouter from 'vue-router'
import { routes } from './routes';

Vue.use(VueResource);
Vue.use(VueRouter);

const router = new VueRouter({routes});

new Vue({
  el: '#app',
  router,
  render: h => h(App)
})

router.js :

import Cadastro from './components/cadastro/cadastro.vue';
import Home from './components/home/home.vue';

export const routes = [
    { path: '', components: Home},
    { path: '/cadastro', components: Cadastro}
]

Erros:

Uncaught Error: Cannot find module "vue-router"
    at eval (main.js?3479:1)
    at Object.<anonymous> (build.js:1012)
    at __webpack_require__ (build.js:679)
    at fn (build.js:89)
    at Object.<anonymous> (build.js:860)
    at __webpack_require__ (build.js:679)
    at build.js:725
    at build.js:728
--------------------------------------
[WDS] Errors while compiling. Reload prevented.
errors @ client?cd17:161
onmessage @ socket.js?e5d0:41
EventTarget.dispatchEvent @ sockjs.js?3600:170
(anonymous) @ sockjs.js?3600:887
SockJS._transportMessage @ sockjs.js?3600:885
EventEmitter.emit @ sockjs.js?3600:86
WebSocketTransport.ws.onmessage @ sockjs.js?3600:2961
---------------------------------------
./src/main.js
Module not found: Error: Can't resolve 'vue-router' in '/Users/coeficiente/Documents/vue-alura/src'
 @ ./src/main.js 4:0-35
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

Erro que aparece na tela do navegador:

Failed to compile.

./src/main.js
Module not found: Error: Can't resolve 'vue-router' in '/Users/coeficiente/Documents/vue-alura/src'
 @ ./src/main.js 4:0-35
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

Obrigado pela atenção!

2 respostas

Por acaso tentei baixar o vue-router via npm. Gerou mais erros ainda, acredito que seja pela incompatibilidade com as versões usadas no curso e as versões mais atualizadas.

solução!

Fala ai Alisson, tudo bem? Sugiro utilizar a mesma versão do vue-router dada no curso, assim, possivelmente os erros tendem a sumir.

O primeiro erro era porque faltava instalar a lib:

Error: Cannot find module "vue-router"

Os outros, não sei o que podem ser, talvez seja por questões de versões mesmo.

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software