Entrar Ainda não tem acesso?
6
respostas

Erro ao dar build

Referente ao curso Vue.js parte 2: construindo Single Page Applications, no capítulo O build do projeto e atividade Gerando arquivos para distribuir

por Davi Roberto
| 60k xp | 4 posts

Olá, tudo bem? Quando fui fazer o build, deu o seguinte erro pra min:

ERROR in build.js from UglifyJs Unexpected token: punc (() [./src/directives/Transform.js:5,4][build.js:453,8] npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! fotopic@1.0.0 build: cross-env NODE_ENV=production webpack --progress --hide-modules npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the fotopic@1.0.0 build script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Davi Roberto\AppData\Roaming\npm-cache_logs\2017-08-13T22_36_31_963Z-debug.log

Ai quando fui ver o arquivo de log (2017-08-13T22_36_31_963Z-debug.log), estava assim:

0 info it worked if it ends with ok 1 verbose cli [ 'C:\Program Files\nodejs\node.exe', 1 verbose cli 'C:\Users\Davi Roberto\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js', 1 verbose cli 'run', 1 verbose cli 'build' ] 2 info using npm@5.0.3 3 info using node@v6.10.3 4 verbose run-script [ 'prebuild', 'build', 'postbuild' ] 5 info lifecycle fotopic@1.0.0~prebuild: fotopic@1.0.0 6 silly lifecycle fotopic@1.0.0~prebuild: no script for prebuild, continuing 7 info lifecycle fotopic@1.0.0~build: fotopic@1.0.0 8 verbose lifecycle fotopic@1.0.0~build: unsafe-perm in lifecycle true 9 verbose lifecycle fotopic@1.0.0~build: PATH: C:\Users\Davi Roberto\AppData\Roaming\npm\node_modules\npm\bin\node-gyp-bin;C:\xampp\htdocs\Projects\alura\Vue.js parte 1 - construindo Single Page Applications\fotoPic\node_modules.bin;C:\Users\Davi Roberto\bin;C:\Program Files\Git\mingw64\bin;C:\Program Files\Git\usr\local\bin;C:\Program Files\Git\usr\bin;C:\Program Files\Git\usr\bin;C:\Program Files\Git\mingw64\bin;C:\Program Files\Git\usr\bin;C:\Users\Davi Roberto\bin;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0;C:\Program Files\nodejs;C:\Program Files\Git\cmd;C:\Program Files\PuTTY;C:\Program Files (x86)\Skype\Phone;C:\Program Files\VDownloader;C:\Ruby22-x64\bin;C:\Users\Davi Roberto\AppData\Local\Microsoft\WindowsApps;C:\Users\Davi Roberto\AppData\Roaming\npm;C:\Program Files (x86)\Microsoft VS Code\bin;C:\Program Files\nodejs;C:\Program Files\Git\usr\bin\vendor_perl;C:\Program Files\Git\usr\bin\core_perl 10 verbose lifecycle fotopic@1.0.0~build: CWD: C:\xampp\htdocs\Projects\alura\Vue.js parte 1 - construindo Single Page Applications\fotoPic 11 silly lifecycle fotopic@1.0.0~build: Args: [ '/d /s /c', 11 silly lifecycle 'cross-env NODE_ENV=production webpack --progress --hide-modules' ] 12 silly lifecycle fotopic@1.0.0~build: Returned: code: 2 signal: null 13 info lifecycle fotopic@1.0.0~build: Failed to exec build script 14 verbose stack Error: fotopic@1.0.0 build: cross-env NODE_ENV=production webpack --progress --hide-modules 14 verbose stack Exit status 2 14 verbose stack at EventEmitter. (C:\Users\Davi Roberto\AppData\Roaming\npm\node_modules\npm\lib\utils\lifecycle.js:283:16) 14 verbose stack at emitTwo (events.js:106:13) 14 verbose stack at EventEmitter.emit (events.js:191:7) 14 verbose stack at ChildProcess. (C:\Users\Davi Roberto\AppData\Roaming\npm\node_modules\npm\lib\utils\spawn.js:40:14) 14 verbose stack at emitTwo (events.js:106:13) 14 verbose stack at ChildProcess.emit (events.js:191:7) 14 verbose stack at maybeClose (internal/child_process.js:886:16) 14 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5) 15 verbose pkgid fotopic@1.0.0 16 verbose cwd C:\xampp\htdocs\Projects\alura\Vue.js parte 1 - construindo Single Page Applications\fotoPic 17 verbose Windows_NT 10.0.15063 18 verbose argv "C:\Program Files\nodejs\node.exe" "C:\Users\Davi Roberto\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js" "run" "build" 19 verbose node v6.10.3 20 verbose npm v5.0.3 21 error code ELIFECYCLE 22 error errno 2 23 error fotopic@1.0.0 build: cross-env NODE_ENV=production webpack --progress --hide-modules 23 error Exit status 2 24 error Failed at the fotopic@1.0.0 build script. 24 error This is probably not a problem with npm. There is likely additional logging output above. 25 verbose exit [ 2, true ]

Enfim, não consegui entender nada rs. Fico agradecido desde já pela ajuda.

Abraços!

6 respostas
por Flavio Henrique de Souza Almeida
| 3119.3k xp | 6969 posts
Instrutor Instrutor/Desenvolvedor Web Sênior/Autor

Bom dia.

Ou você não está usando node.js 6 ou superior versão par ou há um erro de sintaxe no seu Transform.js que está ferrando com o uglify. Ele não consegue minificar código com sintaxe inválida. Ele indica o arquivo e tudo:

ERROR in build.js from UglifyJs Unexpected token: punc (() [./src/directives/Transform.js:5,4]

Verifique esse arquivo. Se não achar nada, cole-o aqui.

por Davi Roberto
| 60k xp | 4 posts

Sobre: "Ou você não está usando node.js 6 ou superior versão par". - Verei isso mais tarde quando chegar em casa. Sobre o transforme, estava assim antes:

export default {

    bind(el, binding, vnode) { // el: o elemento - binding: valor passado

        let current = 0;

        el.addEventListener('dblclick', function () {

            let incremento = binding.value || 90;
            let efeito;

            if (!binding.arg || binding.arg == 'rotate') {

                if (binding.modifiers.reverse) { // binding.modifiers que temos acesso aos modificadores utilizadas pela diretiva. Exemplo, binding.modifiers.NomeDoModificador
                    current -= incremento;

                } else {
                    current += incremento;
                }

                efeito = `rotate(${current}deg)`;

            } else if (binding.arg == "scale") {
                efeito = `scale(${incremento})`;
            }

            el.style.transform = efeito;

            if (binding.modifiers.animate) this.style.transition = 'transform 0.5s';
        });

    }

};

Eu vi a mensagem e suspeitei, então dei um copy/paste no arquivo da aula e ficou da seguinte maneira: 

import Vue from 'vue';

Vue.directive('meu-transform', {

    bind(el, binding, vnode) {

        let current = 0;

        el.addEventListener('dblclick', function() {

            let incremento = binding.value || 90;
            let efeito;

            if(!binding.arg || binding.arg == 'rotate') {

                if(binding.modifiers.reverse) {
                    current-=incremento;
                } else {
                    current+=incremento;
                }

                efeito = `rotate(${current}deg)`;

            } else if(binding.arg == "scale") {
                efeito = `scale(${incremento})`;
            }

            el.style.transform = efeito;

            if(binding.modifiers.animate) el.style.transition = 'transform 0.5s';
        });
    }

});

Mas o erro permaneceu. Como disse, no momento estou fora, mas assim que chegar em casa vejo sobre a versão do Node.js Flavio.

Desde já, obrigado!

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

Olha, testei aqui e funcionou perfeito. Veja que o arquivo que esta sendo importado é o antigo e não o novo. Se se o erro aconteceu, cole a mensagem de erro completa com tudo depois de ter alterado.

por Davi Roberto
| 60k xp | 4 posts

"Veja que o arquivo que esta sendo importado é o antigo e não o novo". Não entendi, Flavio. Estou usando esta versão do node: v6.10.3.

PS: Desculpa a demora pra responder sobre.

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

"Veja se", escrevi errado.

Ele reclama na msg original da sintaxe

punc (()

Por isso perguntei se você importou o arquivo correto.

Você modificou alguma coisa que preciso saber ao longo do projeto? Se mudou preciso saber.

por Davi Roberto
| 60k xp | 4 posts

Olá! Desculpa a demora, eu acabei ignorando este erro e segui a vida... Porém, ainda gostaria de como arrumar isso, se possível (rs). Bom, eu mudei o nome do projeto, invés de alurapic, é fotopic.

Segue a mensagem completa após outro build com este código acima:

Version: webpack 2.7.0 Time: 3501ms Asset Size Chunks Chunk Names build.js 522 kB 0 [emitted] [big] main build.js.map 671 kB 0 [emitted] main

ERROR in build.js from UglifyJs Unexpected token: punc (() [./src/directives/Transform.js:5,4][build.js:453,8] npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! fotopic@1.0.0 build: cross-env NODE_ENV=production webpack --progress --hide-modules npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the fotopic@1.0.0 build script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Davi Roberto\AppData\Roaming\npm-cache_logs\2017-12-27T21_54_16_289Z-debug.log PS C:\xampp\htdocs\Projects\alura\Vue.js parte 1 - construindo Single Page Applications\fotoPic>

Bom é isso!

Muito obrigado desde já. Abraços!