JS e CSS mesclados não funcionam quando o modo de produção

Eu estava no modo de desenvolvedor , tudo estava ótimo, quando mudei para o modo de produção , as opções mescladas de CSS e JS parecem ser ignoradas, estava novamente listando todos os css e js.

Além disso, a página do produto mostra apenas as imagens do produto no modo de desenvolvedor, depois de mudar para o modo de produção, elas desaparecem.

Alguma idéia para me ajudar?

O ponto é que estou fazendo isso.

Aqui está o que eu fiz em sequência:

bin/magento setup:upgrade

bin/magento indexer:reindex

bin/magento setup:static-content:deploy

bin/magento setup:di:compile

bin/magento deploy:mode:set production

bin/magento setup:static-content:deploy

E antes mesmo de começar, as opções de Mesclagem são SIM e eu estava no modo de desenvolvedor.

Fiz o seguinte e o problema foi resolvido:

configuração bin / magento: atualização

indexador bin / magento: reindex

bin / magento deploy: mode: definir produção -s

# Aqui estava o segredo: execute o di: compile após a produção
configuração bin / magento: di: compile  

configuração bin / magento: static-content: deploy

Verifique também o arquivo de configuração do NGINX.

Se houver um $MAGE_MODEconjunto de variáveis , ele precisará ser alterado paraproduction e salve o arquivo

Depois disso, você precisará recarregar ou reiniciar o NGINX, dependendo da sua preferência.

sudo service nginx reload

OU

sudo service nginx restart

Depois disso, verifique seu app/etc/env.phpe veja se a MAGE_MODEchave da matriz está definida productioncomo boa, se não a altere para productionou se você pode usar o comando

php bin/magento deploy:mode:set production

Depois de executar o comando, verifique se o valor foi alterado app/etc/env.php, às vezes pode haver problemas de permissão.

Em seguida, limpe a pub/staticpasta.

rm -rf pub/static/*

Limpar / limpar seu cache

php bin/magento cache:clean
php bin/magento cache:flush 

Agora você está pronto para executar a implantação de conteúdo estático

php bin/magento setup:static-content:deploy

Espero que isto ajude.

Eu tenho o problema semelhante. A causa para nenhuma imagem é porque há um erro no arquivo JS após minify JS. Você pode verificá-lo no seu navegador (firebug etc).

... / div> '; return __p};}) (janela, documento, localização, tipo de jQuery! ==' indefinido '&& jQu

Eu resolvi isso removendo todo o arquivo em var / cache /e pub / static / and setup: static-content: deploy novamente

Mas ainda há outro problema, é sobre a árvore cerebral, se você a ativar. O Braintree não aparece devido a outro erro do JS.

Erro: erro de script para: https://js.braintreegateway.com/v2/braintree.js http://requirejs.org/docs/errors.html#scripterror

... Erro (id, msg, err, requireModules) {var e = new Erro (msg + '\ nhttp: //requirejs.org/doc ...

Por enquanto, simplesmente não uso a função minify js para evitar problemas até que a solução seja encontrada.

Estes são os passos que funcionaram para mim no Magento ver. 2.1.7 com Redis (não executando o Varnish). No entanto, ainda não está claro se tudo está funcionando como deveria. JS é compactado e empacotado (não está claro o que a mesclagem deve fazer). O CSS é reduzido (sem vê-lo mesclado).

1. Desligue todo o cache do Magento.
2. Limpar cache redis.
3. Ative todas as cinco configurações de css / js (no admin ou via banco de dados).
4. Gere arquivos estáticos.
5. Limpe o cache do Magento (linha de comando). Por segurança (pode não ser necessário).
6. Limpe o opcache (se não estiver definido para atualização automática).
7. Atualize a página inicial do frontend (e verifique se há erros no console do navegador).
8. Ative o cache do Magento.

dev / css / merge_css_files = 1 dev / css / minify_files = 1 dev / js / enable_js_bundling = 1 dev / js / merge_files = 1 dev / js / minify_files = 1

Simplesmente ativar as configurações e limpar o cache não funcionou - o console do navegador front-end relatou muitos erros js.

Você já tentou liberar o JavaScript / CSS? Você pode fazer isso em Sistema> Gerenciamento de cache e pressione o botão na parte inferior da tabela à esquerda 'Flus JavaScript / CSS Cache'

Você precisa reimplementar a estática depois de ativar esta opção no modo de produção.

Eu fiz o seguinte e o problema foi resolvido.

bin/magento setup:upgrade

bin/magento indexer:reindex

bin/magento deploy:mode:set production -s

bin/magento setup:di:compile

(Aqui estava o segredo, para executar o di: compile após a produção)

bin/magento setup:static-content:deploy

Eu tive o problema quando o JavaScript é descompilado, o seletor jquery funciona.

$ ('# my_element'). click (function () {alert ('Olá mundo');});

Mas uma vez compilado, compactado e ingressado, preciso codificar: -

$ ('body #my_element'). click (function () {alert ('Olá mundo');});

Não pergunte por que, ao ler diretamente a partir do cache, o código requirejs é executado antes do domReady e os elementos são anexados a elementos diferentes em uma página diferente.

Excluir cache manualmente var / cache e excluir sessão manualmente var / session

1. Ative também a opção "Ativar agregação de JavaScript"

   armazenar-> configuração-> avançado-> desenvolvedor-> configuração de javascript->

2. Habilitar JavaScript Bundling definido como "yes" E liberar cache