I file CSS e Javascript non vengono caricati dopo l'installazione di Magento 2


25

Ho installato Magento 2 sul server locale usando il compositore ma non riesco a vedere i progetti di frontend e pannello di amministrazione. Vedo dei semplici testi lì. Mentre guardo la console vedo il seguente errore.

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

inserisci qui la descrizione dell'immagine


apache / nginx?
Zhartaunik,

Sto usando il server Apache.
entro il

sei su windows?
Chris O'Toole,

No. Sto usando Ubuntu.
entro

Risposte:


13

Questo potrebbe essere un problema con i collegamenti simbolici. Vedo che deploy.php ha funzionato per te, ma potresti anche provare a eliminare le risorse da pub / static e vedere se le istruzioni di /magento//a/64808/594 funzionano per te. In tal caso, potrebbe farti risparmiare un po 'di tempo durante lo sviluppo in quanto dovrebbe essere più veloce dell'esecuzione di deploy.php.

Sarebbe anche utile sapere se più persone stanno riscontrando problemi con i collegamenti simbolici e qual è la causa comune.


1
Chiunque abbia riscontrato questo problema dovrebbe provarlo all'inizio. Grazie !
Haijerome,

Fondamentalmente abbiamo avuto questo problema specifico con Magento-Installations sotto 2.0.6, se qualcuno ha problemi. Soprattutto 2.0.4 ci ha infastidito. Quindi, se hai ancora bisogno di una di quelle versioni, usa questa. Il prossimo aggiornamento dovrebbe essere all'ultima versione stabile!
Max

27

Se stai affrontando un problema di CSS e design dopo l'installazione in Windows, procedi nel seguente modo:

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

passo 2. php bin/magento indexer:reindex

passaggio 3. assicurarsi che apache "rewrite_module" sia abilitato e quindi riavviare il server

passaggio 4. eliminare la cartella cache in var / cache

I passaggi precedenti funzionano per me. Spero che funzionerà anche per te.

Fammi sapere se hai ancora problemi.


4
Se stai sviluppando localmente, questa non è la soluzione che desideri . Ciò richiede la ridistribuzione del contenuto statico ogni volta che si modifica una visualizzazione. Assicurati di essere in modalità sviluppatore e che i collegamenti simbolici funzionino.
Nathan Merrill,

@NathanMerrill grazie per il tuo feedback. Immagino, questo unico problema quando hai fatto cambiare il livello del tema, tuttavia sto ottenendo un risultato perfetto senza distribuire localmente ogni volta.
Samumaretiya,

Dipende totalmente da cosa stai facendo. Se si stanno apportando modifiche nella cartella di visualizzazione (non solo creando nuovi file), sarà necessario distribuire.
Nathan Merrill,

@NathanMerrill, se desideri avere più conversazioni, puoi contattarmi su skype: samumaretiya o potremmo essere in grado di conversare sull'hangout di google samumaretiya@gmail.com
samumaretiya,

Lavora come un incanto !!!
Mike Nguyen il

5

Il mio problema era che mi ero un po 'eccitato con il mio "svuotamento della cache" pub/statice avevo pub/mediaeliminato il .htaccessfile accidentalmente pub/static.

Una soluzione rapida è stata quella di inserire una nuova /magento2ce/pub/static/.htaccesscopia e svuotare la cache e Bob è tuo zio. Niente più problemi CSS.

Spero che sia di aiuto. Sarebbe fantastico se ci fosse un modo per rimuovere i file e in qualche modo assicurarsi che altri file non siano stati rimossi, come un .gitignore per l' rm -rfuso di Linux . Forse un giorno...

NOTA: questo è solo per i problemi CSS, mi dispiace non sto aiutando con il problema JS mancante.


Sei un eroe!
Ares,

4

Ho avuto questo problema con V2.1.3 in cui la firma è impostata su true. Ciò significa che gli URL hanno "versione" nel nome del percorso. Ad esempio, il percorso del file dovrebbe essere: -

pub / static / adminhtml / Magento / backend / it_IT / mago / adminhtml / events.js

Ma arriva come: -

pub / static / version14043395384 / adminhtml / Magento / backend / it_IT / mago / adminhtml / events.js

Per cambiarlo, apri il file: -

fonte \ vendor \ Magento \ module-tema \ etc \ config.xml

E modifica il valore predefinito su zero: -

<Config>
    <Default>
        <Dev>
            <Static>
                <Segno> 0 </ segno>
            </ Static>
        </ Dev>
    </ Default>
</ Config>

2

Ho riscontrato questo problema su diverse installazioni di Magento 2 in produzione.

Supponendo di averlo fatto prima dalla riga di comando.

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

Quindi modificare le autorizzazioni dei file su 755 nelle seguenti directory:

/pub/

/ Pub / static /

/ Pub / static / frontend /

/ Pub / static / adminhtml /

/ Pub / static / _requirejs /

Ecco! I file CSS / JS si caricano perfettamente.


1

Dopo aver navigato nella cartella dev / tools / Magento / Tools / View ed averlo eseguito nella riga di comando, ho risolto il problema.

php deploy.php

1
speravo dannatamente di risolvere anche il mio problema, ma dev / tools / Magento / Tools / View non esiste nella mia installazione
Tobias Hartmann,

@TobiasHartmann: Hai controllato che mod_rewrite sia abilitato o no? Anche tutte le directory / i file hanno il permesso corretto o no?
amitshree,

1

Ho avuto anche questo problema, ma alla fine è stato un core_config_dataproblema. Tutte le mie risorse venivano instradate httpsall'URL, nonostante avessi impostato l'URL http.

C'è un campo core_config_datachiamato web/secure/use_in_frontendche è stato impostato su 1. L'ho impostato su 0, svuotato la cache e ha funzionato correttamente.


1

1- Modifica il file app / etc / di.xml modificando il seguente contenuto:

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


1

Ho avuto questo problema durante l'utilizzo dei file di lingua.

Quando si utilizza una lingua, è necessario includere la lingua del sistema:

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

0

Se stai affrontando un problema di caricamento della pagina css e js dopo l'installazione in magento2, procedi nel seguente modo:

apri il terminale e passa a magento web root

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

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

Passo 2.

 $ php bin / magento indexer: reindex
Passaggio 3.

assicurati che apache "rewrite_module" sia abilitato e quindi riavvia il server

Passaggio 4.

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

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

elimina la cartella cache in var / cache

Il passaggio sopra funziona. Spero che questo funzioni anche per te.


0

Seguire i passaggi seguenti per eliminare questi problemi.

1) Scarica Magento 2.

2) Estrai questo nella tua directory www OR htdocs.

3) Installa Magento. Non utilizzare localhost , utilizzare 127.0.0.1 nell'URL del negozio e nell'URL dell'amministratore.

4) Al termine dell'installazione, NON ESEGUIRE MAGENTO.

5) Ora cancella la cache / sessione di magento 2. Vai ai percorsi sotto indicati ed elimina i file.

Magento Root > var > cache > Delete all files

Magento Root > var > page_cache > Delete all files

Magento Root > var > session > Delete all files

6) Modificare il comportamento dei collegamenti simbolici per alcune risorse statiche come indicato di seguito: -

Quando Magento 2 non è in modalità di produzione, proverà a creare collegamenti simbolici per alcune risorse statiche sul server locale. Dobbiamo cambiare quel comportamento di Magento 2 andando a modificare il ROOT > app > etc > di.xmlfile. Apri di.xml nel tuo editor di codice preferito, trova la virtualType name="developerMaterialization"sezione. In quella sezione di seguito troverai un oggetto <item name="view_preprocessed" xsi:type="object">che deve essere modificato. Puoi modificarlo cambiando il seguente contenuto:

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

A:

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

7) Elimina tutti i file tranne **.htaccess**

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

E 'FATTO. Ora puoi eseguire l'URL Magento Front e Backend


0

Esegui i seguenti comandi:

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

0

Non è necessario modificare di.xml. Abbiamo riscontrato errori di caricamento di js mentre i link simbolici erano abilitati.
Molti;

TypeError: $ .widget non è una funzione

Chiudi il link simbolico

Avanzate> Sviluppatore> Impostazioni modello> Consenti collegamenti simbolici> No

Dopo averlo chiuso, le risorse potrebbero non essere distribuite lentamente per la prima volta, ma gli errori js sono spariti.



0

Considera anche che la modifica della locale del tuo negozio potrebbe avere questo effetto se non hai quella locale disponibile all'interno del tuo tema. L'ho visto succedere alcune volte.


0

Puoi seguire queste istruzioni:

Se c'è un version#######metodo simile qui sotto sarà sicuramente di aiuto. http: //localhost/magento2/pub/static/version1511270229/frontend/Magento/luma/en_US/mage/calendar.css

Negozi> Configurazione> Avanzate> Sviluppatore> Firma file statici (Sì-> No)

Se hai accesso al database, esegui questo comando:

Inserisci valori core_config_data (config_id, scope, scope_id, percorso, valore) (null, 'default', 0, 'dev / static / sign', 0);

Remove the cache and reload the page. Questi due semplici passaggi mi hanno aiutato a risolvere i problemi del percorso del file js e css.


0

Mi mancava solo il .htaccess nella cartella pub / static. Deve essere lì.


Questo non fornisce una risposta alla domanda. Per criticare o richiedere chiarimenti a un autore, lascia un commento sotto il suo post. - Dalla recensione
Rama Chandran M,

@RamaChandranM Ho avuto gli stessi "sintomi" sul mio sito di magento, l'ho cercato su Google e ho trovato questa domanda. Successivamente ho trovato una soluzione al mio problema. Perché non dovrei condividere una possibile soluzione con gli altri? Anche se questo non era il problema specifico degli autori qui ... Davvero strano commento!
OZZIE,

0

Di fronte a questo problema molte volte. Per prima cosa, pub / static dovrebbe avere un file .htaccess con l'URL riscritto per il numero di versione incluso nell'URL delle risorse statiche.


0

Nel mio caso, in apache config cambio AllowOverride da None a All nella rispettiva sezione Directory.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.