Os arquivos CSS e Javascript não são carregados após a instalação do Magento 2

25

Instalei o Magento 2 no servidor local com sucesso usando o compositor, mas não consigo ver o design do painel de administração e de front-end. Eu vejo textos simples lá. Ao olhar para o console, vejo o seguinte erro.

TypeError: require.config is not a function requirejs-config.js
TypeError: require.config is not a function admin:59
TypeError: require is not a function admin:62
ReferenceError: Ext is not defined admin:68
ReferenceError: Fieldset is not defined admin:76
TypeError: require is not a function admin:83
TypeError: require is not a function

insira a descrição da imagem aqui

amitshree
fonte
apache / nginx?
Zhartaunik
Estou usando o servidor apache.
amitshree
você está no windows?
Chris O'Toole
Não. Estou usando o ubuntu.
Amitshree

Respostas:

13

Isso pode ser um problema com links simbólicos. Vejo que o deploy.php funcionou para você, mas você também pode tentar excluir os recursos de pub / static e verificar se as instruções de /magento//a/64808/594 funcionam para você. Nesse caso, você poderá economizar algum tempo durante o desenvolvimento, pois deve ser mais rápido do que executar o deploy.php.

Também seria bom saber se várias pessoas estão enfrentando problemas com os links simbólicos e qual é a causa comum.

Chris O'Toole
fonte
11
Qualquer um que se depare com esse problema deve tentar isso primeiro. Obrigado !
Haijerome
Basicamente, tivemos esse problema específico com as instalações do Magento abaixo de 2.0.6, se alguém tiver problemas. Especialmente o 2.0.4 nos incomodou. Portanto, se você ainda precisar de uma dessas versões, use isso. A próxima atualização deve ser para a versão estável mais recente!
Max
27

Se você está enfrentando problemas de css e design após a instalação no Windows, siga as seguintes etapas:

passo 1. php bin/magento setup:static-content:deploy

passo 2. php bin/magento indexer:reindex

etapa 3. verifique se o apache "rewrite_module" está ativado e, em seguida, reinicie o servidor

etapa 4. exclua a pasta de cache em var / cache

As etapas acima estão funcionando para mim. Espero que isso também funcione para você.

Deixe-me saber se você ainda está enfrentando algum problema.

samumaretiya
fonte
4
Se você estiver desenvolvendo localmente, essa não é a solução que você deseja . Isso exige que você reimplemente o conteúdo estático toda vez que fizer uma alteração nas visualizações. Verifique se você está no modo de desenvolvedor e se os links simbólicos estão funcionando.
Nathan Merrill
@NathanMerrill obrigado pelo seu feedback. Eu acho que esse é o único problema quando você fez alterações no nível do tema. No entanto, estou obtendo um resultado perfeito sem implantar localmente todas as vezes.
samumaretiya
Depende totalmente do que você está fazendo. Se você estiver fazendo alterações na pasta de exibição (não apenas criando novos arquivos), será necessário implantar.
Nathan Merrill
@NathanMerrill, se você quiser ter mais conversas, pode me contatar pelo skype: samumaretiya ou talvez possamos conversar sobre o hangout do google [email protected]
samumaretiya
Trabalhe como um encanto !!!
Mike Nguyen
5

Meu problema era que eu tinha ficado um pouco animado com a minha pub/statice pub/media"clearing cache" e acidentalmente apagou o .htaccessarquivo no pub/static.

Uma solução rápida foi colocar um novo /magento2ce/pub/static/.htaccesse limpar o cache e Bob é seu tio. Não há mais problemas de CSS.

Espero que isto ajude. Seria incrível se houvesse uma maneira de remover arquivos e, de alguma forma, garantir que outros arquivos não fossem removidos, como um .gitignore para rm -rfuso do sistema linux . Talvez um dia...

ATENÇÃO: isso é apenas para os problemas de CSS, desculpe, não estou ajudando com o problema de JS ausente.

Nathaniel Rogers
fonte
Você é um herói!
Ares
4

Eu tive esse problema com a V2.1.3, em que a assinatura é padrão definida como true. Isso significa que os URLs têm "versão" no nome do caminho. Por exemplo, o caminho do arquivo deve ser: -

pub / static / adminhtml / Magento / back-end / pt_BR / mage / adminhtml / events.js

Mas aparece como: -

pub / static / version14043395384 / adminhtml / Magento / back-end / pt_BR / mage / adminhtml / events.js

Para mudar isso, abra o arquivo: -

origem \ fornecedor \ magento \ tema-módulo \ etc \ config.xml

E altere o valor padrão para zero: -

<config>
    <padrão>
        <dev>
            <estático>
                <sign> 0 </sign>
            </static>
        </dev>
    </default>
</config>
Dallas Clarke
fonte
2

Encontrei este problema em várias instalações do Magento 2 em produção.

Supondo que você fez isso primeiro na linha de comando.

php bin/magento setup:static-content:deploy from <magento_install_dir>

Altere as permissões de arquivo para 755 nos seguintes diretórios:

/bar/

/ de pub / estático /

/ pub / estático / front-end /

/ pub / static / adminhtml /

/ pub / static / _requirejs /

Voila! Arquivos CSS / JS carregam perfeitamente.

Robbie Reynolds
fonte
1

Depois de navegar para a pasta dev / tools / Magento / Tools / View e executar isso na linha de comando, resolveu o problema.

php deploy.php
amitshree
fonte
11
maldita esperança de que vai resolver o meu problema, também, mas dev / ferramentas / Magento / Ferramentas / View não existe na minha instalação
Tobias Hartmann
@TobiasHartmann: Você verificou que o mod_rewrite está ativado ou não? Além disso, todos os diretórios / arquivos estão tendo permissão correta ou não?
amitshree
1

Eu também tive esse problema, mas acabou sendo um core_config_dataproblema. Todos os meus recursos estavam roteados para o httpsURL, apesar de eu ter definido esse URL http.

Há um campo core_config_datachamado web/secure/use_in_frontendque foi definido como 1. Eu o configurei 0, limpei o cache e funcionou corretamente.

Joshua Soileau
fonte
1

1- Modifique o arquivo app / etc / di.xml alterando o seguinte conteúdo:

Magento\Framework\App\View\Asset\MaterializationStrategy\Symlink

Para:

Magento\Framework\App\View\Asset\MaterializationStrategy\Copy

2- sudo php /var/www/html/magento2ce/bin/magento setup:static-content:deploy

Hari
fonte
1

Eu tive esse problema ao usar arquivos de idioma.

Ao usar um idioma, você precisa incluir o idioma do sistema:

php bin/magento setup:static-content:deploy nl_NL
emp
fonte
0

Se você está enfrentando um problema de design de carregamento de página css e js após a instalação no magento2, siga as seguintes etapas:

abra o terminal e navegue até a raiz da web magento

 $ cd / var / www / html / magento2 
Passo 1.

 $ php bin / magento setup: static-content: deploy 

Passo 2.

 $ php bin / indexador magento: reindex
Etapa 3.

verifique se o apache “rewrite_module” está ativado e, em seguida, reinicie o servidor

Passo 4.

 $ chown -R www-data: www-data / var / www / html / magento2 
Etapa 5.

 $ chmod -R 777 / var / www / html / magento2 
Etapa 6.

excluir pasta de cache em var / cache

A etapa acima está funcionando. Espero que isso funcione para você também.

Arvind Rawat
fonte
0

Siga as etapas abaixo para se livrar desses problemas.

1) Faça o download do Magento 2.

2) Extraia isso no diretório www OR htdocs.

3) Instale o magento. Não use localhost , use 127.0.0.1 no URL da loja e no URL do administrador.

4) Após a instalação bem-sucedida, NÃO EXECUTE O MAGENTO.

5) Agora exclua o cache / sessão do magento 2. Vá para os caminhos abaixo mencionados e exclua os arquivos.

Magento Root > var > cache > Delete all files

Magento Root > var > page_cache > Delete all files

Magento Root > var > session > Delete all files

6) Altere o comportamento dos links simbólicos para alguns recursos estáticos, conforme mencionado abaixo: -

Quando o Magento 2 não está no modo de produção, ele tenta criar links simbólicos para alguns recursos estáticos no servidor local. Temos que mudar esse comportamento do Magento 2 indo para editar o ROOT > app > etc > di.xmlarquivo. Abra o di.xml no seu editor de código favorito, encontre a virtualType name="developerMaterialization"seção Nessa seção abaixo, você encontrará um item <item name="view_preprocessed" xsi:type="object">que precisa ser modificado. Você pode modificá-lo alterando o seguinte conteúdo:

Magento\Framework\App\View\Asset\MaterializationStrategy\Symlink

Para:

Magento\Framework\App\View\Asset\MaterializationStrategy\Copy

7) Exclua todos os arquivos, exceto **.htaccess**

Magento Root > pub > static > Delete all files except **.htaccess**

ESTÁ FEITO. Agora você pode executar o URL do Front e Back-end do magento

Muhammad Azeem
fonte
0

Execute os seguintes comandos:

php bin/magento setup:static-content:deploy
php bin/magento setup:upgrade
php bin/magento setup:di:compile 
php bin/magento cache:clean
Abhinav Singh
fonte
0

Não é necessário editar o di.xml. Estávamos enfrentando erros de carregamento do js enquanto os links simbólicos estavam ativados.
Vários;

TypeError: $ .widget não é uma função

Basta fechar o link simbólico

Avançado> Desenvolvedor> Configurações do modelo> Permitir links simbólicos> Não

Após fechá-lo, os recursos não podem ser implementados carregam lentamente pela primeira vez, mas os erros js desapareceram.

rbostan
fonte
0

Considere também que alterar a localidade da sua loja pode ter esse efeito se você não tiver essa localidade disponível dentro do seu próprio tema. Eu já vi isso acontecer algumas vezes.

ivanji
fonte
0

Você pode seguir estas instruções:

Se houver algum version#######método abaixo, certamente ajudará. http: //localhost/magento2/pub/static/version1511270229/frontend/Magento/luma/en_US/mage/calendar.css

Lojas> Configuração> Avançado> Desenvolvedor> Assinar arquivos estáticos (Sim-> Não)

Se você tiver acesso ao banco de dados, execute este comando:

Inserir core_config_data (config_id, escopo, scope_id, caminho, valor) valores (nulo, 'padrão', 0, 'dev / static / sign', 0);

Remove the cache and reload the page. Essas duas etapas simples me ajudaram a resolver os problemas do caminho do arquivo js e css.

inrsaurabh
fonte
0

Estava faltando o .htaccess dentro da pasta pub / static. Precisa estar lá.

OZZIE
fonte
Isso não fornece uma resposta para a pergunta. Para criticar ou solicitar esclarecimentos a um autor, deixe um comentário abaixo da postagem. - Da avaliação
Rama Chandran M,
@RamaChandranM Eu tive os mesmos "sintomas" no meu site magento, pesquisei no Google e encontrei esta pergunta. Mais tarde, encontrei uma solução para o meu problema. Por que não compartilharia uma possível solução com outras pessoas? Mesmo se esse não fosse o problema específico dos autores aqui .. Comentário realmente estranho!
OZZIE
0

Enfrentou esse problema muitas vezes. A primeira coisa que o primeiro pub / static deve ter.

Kalyan Chakravarthi V
fonte
0

No meu caso, na configuração do apache, altero AllowOverride de None para All na respectiva seção Directory.

Marcin Żurek
fonte