Magento 2のインストール後、CSSおよびJavascriptファイルがロードされない

コンポーザーを使用してMagento 2をローカルサーバーに正常にインストールしましたが、フロントエンドと管理パネルのデザインを見ることができません。そこにプレーンテキストが表示されます。コンソールを見ていると、次のエラーが表示されます。

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

これは、シンボリックリンクの問題である可能性があります。deploy.phpが機能したことがわかりますが、pub / staticからリソースを削除して、https：//magento.stackexchange.com/a/64808/594の指示が機能するかどうかを確認することもできます。その場合、deploy.phpを実行するよりも高速であるため、開発中の時間を節約できます。

また、複数の人がシンボリックリンクで問題に直面しているかどうか、および一般的な原因は何かを知ることもよいでしょう。

Windowsにインストールした後、CSSと設計の問題に直面した場合は、次の手順に従ってください。

ステップ1。 php bin/magento setup:static-content:deploy

ステップ2。 php bin/magento indexer:reindex

ステップ3. Apache "rewrite_module"が有効になっていることを確認してから、サーバーを再起動します

ステップ4. var / cacheの下のキャッシュフォルダーを削除する

上記の手順は私のために働いています。私もこれがあなたのために働くことを願っています。

それでも問題が発生する場合はお知らせください。

私の問題はpub/static、pub/media「キャッシュクリアリング」で少し興奮しすぎて、誤って.htaccessファイルを削除してしまったことですpub/static。

簡単な修正は、新鮮なもの/magento2ce/pub/static/.htaccessを引き入れて、キャッシュとボブの叔父をフラッシュすることでした。CSSの問題はもうありません。

お役に立てれば。ファイルを削除する方法があり、システムlinux rm -rf用の.gitignoreのように、何らかの方法で他のファイルが削除されないようにする方法があれば素晴らしいでしょう。いつの日にか...

注意してください： これはCSSの問題のためだけのものです。申し訳ありませんが、私はJSが見つからない問題の手助けをしていません。

署名がデフォルトでtrueに設定されているV2.1.3でこの問題が発生しました。これは、URLのパス名に「バージョン」が含まれていることを意味します。たとえば、ファイルパスは次のようになります。

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

しかし、次のようになります-

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

これを変更するには、ファイルを開きます：

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

そして、デフォルト値をゼロに変更します-

<構成>
    <デフォルト>
        <dev>
            <静的>
                <sign> 0 </ sign>
            </ static>
        </ dev>
    </ default>
</ config>

実稼働中のいくつかのMagento 2インストールでこの問題に遭遇しました。

コマンドラインから最初にこれを行ったと仮定します。

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

次に、次のディレクトリでファイルのアクセス許可を755に変更します。

/パブ/

/ pub / static /

/ pub / static / frontend /

/ pub / static / adminhtml /

/ pub / static / _requirejs /

出来上がり！CSS / JSファイルは完全にロードされます。

dev / tools / Magento / Tools / Viewフォルダーに移動し、コマンドラインでこれを実行すると、問題が解決しました。

php deploy.php

私もこの問題を抱えていましたが、問題でなくなりましたcore_config_data。httpsURLをに設定したにもかかわらず、すべてのアセットがURLにルーティングされていましたhttp。

内のフィールドがありますcore_config_dataと呼ばれるweb/secure/use_in_frontendに設定しました1。に設定し0、キャッシュをクリアし、正常に機能しました。

1- 次の内容を変更してapp / etc / di.xmlファイルを変更します。

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

に：

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

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

言語ファイルを使用しているときにこの問題が発生しました。

言語を使用する場合、システム言語を含める必要があります。

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

magento2でのインストール後にcssおよびjsページのロード設計の問題に直面している場合は、次の手順に従ってください。

ターミナルを開き、Magento Webルートに移動します

 $ cd / var / www / html / magento2 

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

ステップ2。

 $ php bin / magento indexer：reindex

Apache「rewrite_module」が有効になっていることを確認してから、サーバーを再起動します

ステップ4。

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

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

var / cacheの下のキャッシュフォルダーを削除する

上記のステップは機能しています。これがあなたにも役立つことを願っています。

この問題を取り除くには、以下の手順に従ってください。

1）Magento 2をダウンロードします。

2）これをwwwまたはhtdocsディレクトリで抽出します。

3）magentoをインストールします。localhostを使用せず、ストアURLおよび管理URLで127.0.0.1を使用します。

4）インストールが正常に完了した後、MAGENTOを実行しないでください。

5）magento 2のキャッシュ/セッションを削除します。以下のパスに移動して、ファイルを削除します。

Magento Root > var > cache > Delete all files

Magento Root > var > page_cache > Delete all files

Magento Root > var > session > Delete all files

6）以下で説明するように、一部の静的リソースのシンボリックリンクの動作を変更します。

Magento 2が実稼働モードでない場合、ローカルサーバー上の一部の静的リソースのシンボリックリンクを作成しようとします。ROOT > app > etc > di.xmlファイルを編集して、Magento 2の動作を変更する必要があります。お気に入りのコードエディターでdi.xmlを開き、virtualType name="developerMaterialization"セクションを見つけます。以下のセクションでは、<item name="view_preprocessed" xsi:type="object">変更が必要なアイテムを見つけます。次のコンテンツを変更することで変更できます。

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

に：

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

7）を除くすべてのファイルを削除します **.htaccess**

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

終わった。これで、magentoのフロントおよびバックエンドURLを実行できます

次のコマンドを実行します。

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

di.xmlを編集する必要はありません。シンボリックリンクが有効になっている間、jsの読み込みエラーに直面していました。
沢山の;

TypeError：$ .widgetは関数ではありません

シンボリックリンクを閉じる

詳細設定>開発者>テンプレート設定>シンボリックリンクを許可>いいえ

閉じた後、初めてリソースのロードが遅くならず、jsエラーがなくなった可能性があります。

cssおよびjs URLのバージョンの問題は、この問題を読むことで解決できます。

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

また、自分のテーマ内でそのロケールを使用できない場合、ストアのロケールを変更するとこの効果が生じる可能性があることも考慮してください。私はそれが数回起こるのを見ました。

次の指示に従うことができます。

version#######以下のような方法がある場合は、確実に役立ちます。 http：//localhost/magento2/pub/static/version1511270229/frontend/Magento/luma/en_US/mage/calendar.css

「ストア」>「構成」>「詳細」>「開発者」>「静的ファイルに署名」（はい->いいえ）

データベースにアクセスできる場合は、次のコマンドを実行します。

core_config_data（config_id、scope、scope_id、path、value）の値（null、 'default'、0、 'dev / static / sign'、0）を挿入します;

Remove the cache and reload the page。これらの2つの簡単な手順は、jsおよびcssファイルパスの問題を解決するのに役立ちました。

pub / staticフォルダー内に.htaccessがありませんでした。そこにある必要があります。

この問題に何度も直面しました。まず最初にpub / staticには、静的アセットURLに含まれるバージョン番号のURL書き換えを含む.htaccessファイルが必要です。

私の場合、Apache configで、それぞれのDirectoryセクションでAllowOverrideをNoneからAllに変更します。