Los archivos CSS y Javascript no se cargan después de la instalación de Magento 2

He instalado Magento 2 en el servidor local con éxito usando Composer, pero no puedo ver los diseños de frontend y panel de administración. Veo textos sencillos allí. Al mirar la consola, veo el siguiente error.

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

Esto podría ser un problema con los enlaces simbólicos. Veo que deploy.php funcionó para usted, pero también puede intentar eliminar los recursos de pub / static y ver si las instrucciones de /magento//a/64808/594 funcionan para usted. Si es así, puede ahorrarle algo de tiempo durante el desarrollo, ya que debería ser más rápido que ejecutar deploy.php.

También sería bueno saber si varias personas están teniendo problemas con los enlaces simbólicos y cuál es la causa común.

Si tiene problemas de CSS y diseño después de la instalación en Windows, siga los siguientes pasos:

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

paso 2. php bin/magento indexer:reindex

paso 3. asegúrate de que apache "rewrite_module" esté habilitado y luego reinicia el servidor

paso 4. elimina la carpeta de caché en var / cache

Los pasos anteriores están funcionando para mí. Espero que esto también funcione para usted.

Avísame si aún tienes algún problema.

Mi problema fue que me había emocionado un poco con mi pub/staticy la pub/media"limpieza de caché" y accidentalmente borré el .htaccessarchivo pub/static.

Una solución rápida fue obtener un nuevo /magento2ce/pub/static/.htaccessy vaciar el caché y Bob es tu tío. No más problemas de CSS.

Espero que esto ayude. Sería increíble si hubiera una manera de eliminar archivos y de alguna manera asegurarse de que no se eliminen otros archivos, como un .gitignore para el rm -rfuso de Linux del sistema . Tal vez algun dia...

TENGA EN CUENTA: esto es solo para los problemas de CSS, lo siento, no estoy ayudando con el problema de JS que falta.

He tenido este problema con V2.1.3 donde la firma está configurada por defecto en verdadero. Esto significa que las URL tienen "versión" en el nombre de la ruta. Por ejemplo, la ruta del archivo debe ser: -

pub / static / adminhtml / Magento / backend / en_US / mage / adminhtml / events.js

Pero viene como: -

pub / static / version14043395384 / adminhtml / Magento / backend / en_US / mage / adminhtml / events.js

Para cambiar esto, abra el archivo: -

source \ vendor \ magento \ module-theme \ etc \ config.xml

Y cambie el valor predeterminado a cero: -

<config>
    <predeterminado>
        <dev>
            <estático>
                <sign> 0 </sign>
            </static>
        </dev>
    </default>
</config>

Me encontré con este problema en varias instalaciones de Magento 2 en producción.

Asumiendo que hiciste esto primero desde la línea de comando.

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

Luego cambie los permisos de archivo a 755 en los siguientes directorios:

/pub/

/ pub / static /

/ pub / static / frontend /

/ pub / static / adminhtml /

/ pub / static / _requirejs /

Voila! Los archivos CSS / JS se cargan perfectamente.

Después de navegar a la carpeta dev / tools / Magento / Tools / View y ejecutar esto en la línea de comando resolvió el problema.

php deploy.php

También tuve este problema, pero terminó siendo un core_config_dataproblema. Todos mis activos se enrutaron a la httpsURL, a pesar de que configuré esa url http.

Hay un campo en core_config_datallamado web/secure/use_in_frontendque se estableció en 1. Lo configuré en 0, borré el caché y funcionó correctamente.

1- Modifique el archivo app / etc / di.xml cambiando el siguiente contenido:

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

A:

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

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

Tuve este problema al usar archivos de idioma.

Cuando use un idioma, debe incluir el idioma del sistema:

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

Si se enfrenta a un problema de diseño de carga de página css y js después de la instalación en magento2, siga el siguiente paso:

abra la terminal y navegue a la raíz web de magento

 $ cd / var / www / html / magento2 

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

Paso 2.

 $ php bin / magento indexador: reindex

asegúrese de que apache "rewrite_module" esté habilitado y luego reinicie el servidor

Etapa 4.

 $ chown -R www-data: www-data / var / www / html / magento2 

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

eliminar la carpeta de caché en var / cache

El paso anterior funciona. Espero que esto también funcione para ti.

Siga los pasos a continuación para deshacerse de estos problemas.

1) Descargue el Magento 2.

2) Extraiga esto en su directorio www O htdocs.

3) Instalar el magento. No use localhost , use 127.0.0.1 en la URL de la tienda y la URL del administrador.

4) Después de una instalación exitosa NO EJECUTE MAGENTO.

5) Ahora elimine el caché / sesión de magento 2. Vaya a las rutas mencionadas a continuación y elimine los archivos.

Magento Root > var > cache > Delete all files

Magento Root > var > page_cache > Delete all files

Magento Root > var > session > Delete all files

6) Cambie el comportamiento de los enlaces simbólicos para algunos recursos estáticos como se menciona a continuación: -

Cuando Magento 2 no está en modo de producción, intentará crear enlaces simbólicos para algunos recursos estáticos en el servidor local. Tenemos que cambiar ese comportamiento de Magento 2 yendo a editar el ROOT > app > etc > di.xmlarchivo. Abra di.xml en su editor de código favorito, busque la virtualType name="developerMaterialization"sección. En esa sección a continuación, encontrará un elemento <item name="view_preprocessed" xsi:type="object">que debe modificarse. Puede modificarlo cambiando el siguiente contenido:

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

A:

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

7) Eliminar todos los archivos excepto **.htaccess**

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

ESTÁ HECHO. Ahora puede ejecutar la URL frontal y backend de magento

Ejecute los siguientes comandos:

php bin/magento setup:static-content:deploy
php bin/magento setup:upgrade
php bin/magento setup:di:compile 
php bin/magento cache:clean

No es necesario editar di.xml. Nos enfrentamos a errores de carga de js mientras los enlaces simbólicos estaban habilitados.
Un montón de;

TypeError: $ .widget no es una función

Solo cierra el enlace simbólico

Avanzado> Desarrollador> Configuración de plantilla> Permitir enlaces simbólicos> No

Después de cerrarlo, es posible que los recursos desplegados no se implementen lentamente por primera vez, pero los errores js desaparecieron.

El problema de la versión en css y js urls se puede resolver leyendo este problema.

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

También considere que cambiar la configuración regional de su tienda podría tener este efecto si no tiene esa configuración regional disponible dentro de su propio tema. Lo he visto suceder algunas veces.

Puedes seguir estas instrucciones:

Si hay alguno version#######como el siguiente método seguramente ayudará. http: //localhost/magento2/pub/static/version1511270229/frontend/Magento/luma/en_US/mage/calendar.css

Tiendas> Configuración> Avanzado> Desarrollador> Firmar archivos estáticos (Sí-> No)

SI tiene acceso a la base de datos, ejecute este comando:

Inserte valores de core_config_data (config_id, scope, scope_id, path, value) (nulo, 'default', 0, 'dev / static / sign', 0);

Remove the cache and reload the page. Estos dos pasos simples me ayudaron a resolver los problemas de la ruta del archivo js y css.

Solo me faltaba el .htaccess dentro de la carpeta pub / static. Necesita estar ahí.

Enfrenté este problema muchas veces. Primero, primero pub / static debería tener un archivo .htaccess que tenga la reescritura de la URL para el número de versión incluido en la URL de los activos estáticos.

En mi caso, en la configuración de apache, cambio AllowOverride de None a All en la sección del Directorio respectivo.