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

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

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.

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.

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.

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>

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.

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

php deploy.php

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.

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

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

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 

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

Passo 2.

 $ php bin / indexador magento: reindex

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 

 $ chmod -R 777 / var / www / html / magento2 

excluir pasta de cache em var / cache

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

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

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

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.

O problema da versão nos URLs css e js pode ser resolvido lendo esse problema.

https://github.com/magento/magento2/issues/6688

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.

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.

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

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

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