Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Erro ao executar o comando npm run dev

Referente ao curso Vue.js parte 1: construindo Single Page Applications

por Elmo Antônio Rabelo Júnior
| 348.3k xp | 93 posts
Senior Product Designer | UX Designer | Dev Full-Stack

Utilizo o sistema operacional Linux Mint 18.2 KDE (64-bit).

A instalação do Node.js ocorreu sem erros e foram utilizados os seguintes comandos:

$ sudo apt-get install -y nodejs
$ sudo ln -s /usr/bin/nodejs /usr/bin/node

Em seguida foram executados os comandos para iniciar o Vue.js:

$ sudo npm install -g vue-cli@2.7.0
$ vue init webpack-simple alurapic
$ cd alurapic
$ npm install

Este comandos acima foram executados também sem erros. Porem ao executar o comando:

$ npm run dev

Ocorreu o seguinte erro no terminal:

ERROR in ./src/App.vue
Module build failed: SyntaxError: Unexpected token {
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:374:25)
    at Object.Module._extensions..js (module.js:417:10)
    at Module.load (module.js:344:32)
    at Function.Module._load (module.js:301:12)
    at Module.require (module.js:354:17)
    at require (internal/module.js:12:17)
    at Object.<anonymous> (/home/user/alurapic/node_modules/vue-loader/index.js:1:80)
    at Module._compile (module.js:410:26)
    at Object.Module._extensions..js (module.js:417:10)
 @ ./src/main.js 2:0-28
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

O que houve de errado?

5 respostas
por Elmo Antônio Rabelo Júnior
| 348.3k xp | 93 posts
Senior Product Designer | UX Designer | Dev Full-Stack

Resolvi este problema atualizando o Node.js e o NPM com os seguintes comandos:

$ curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
$ sudo apt-get install nodejs -y

Agora estou com as seguintes versões: - Node.js: 8.9.1 - NPM: 5.5.1 - Vue.js: 2.7.0

Tem algum problema em utilizar estas versões para o curso?

por Alberto Souza
| 2676.6k xp | 5740 posts
Instrutor Desenvolvedor e Instrutor

Oi Elmo, o mestre Flavio é o melhor para indicar, mas eu acho que você pode ir em frente :).

por Elmo Antônio Rabelo Júnior
| 348.3k xp | 93 posts
Senior Product Designer | UX Designer | Dev Full-Stack

Oi Alberto, eu notei que ao usar "v-bind:" não funcionou como na videoaula. Em seguida, no mesmo vídeo foi indicado usar o ":" em vez de "v-bind:" e funcionou corretamente.

por Mathews Lima
| 305.1k xp | 185 posts

A diretiva v-bind é do próprio VueJS. Você deve ter feito algo de errado para não funcionar.

Link:Como instalar NodeJS.

Através deste link você irá conseguir instalar "corretamente" o NodeJS. O site tableless fez um tutorial seguindo as explicações feita pelo Professor Flávio.

solução!
por Flavio Henrique de Souza Almeida
| 3119.3k xp | 6969 posts
Instrutor Instrutor/Desenvolvedor Web Sênior/Autor

Qual versão do Node vocês estão instalando? No Linux, é comum o Aluno instalar versões pré-históricas ou versões não estáveis (as ímpares).

Instale Node.js 6.0 ou superior (excluindo as versões ímpares).

É importante também que você use as mesmas versões do Vue que utilizei no curso para não ter surpresa.

OBS: agora vi que você atualizou as versões do Node. Tem problema não pode usar a 8.X, que é par..

Sucesso e bom estudo meu aluno!