Magento 2 설치 후 CSS 및 Javascript 파일이로드되지 않습니다

composer를 사용하여 로컬 서버에 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. 아파치 "rewrite_module"이 사용 가능한지 확인한 후 서버를 다시 시작하십시오.

4 단계. var / cache 에서 캐시 폴더 삭제

위의 단계가 나를 위해 노력하고 있습니다.

여전히 문제가 발생하면 알려주십시오.

내 문제는 내가 너무받은 내 흥분했다고했다 pub/static및 pub/media"캐시 지우기"를 실수로 삭제 된 .htaccess에 파일을 pub/static.

빠른 수정은 신선 /magento2ce/pub/static/.htaccess하고 캐시를 플러시하고 밥이 당신의 삼촌이었습니다. 더 이상 CSS 문제가 없습니다.

이것이 도움이되기를 바랍니다. 파일을 제거하는 방법이 있었고 시스템 리눅스 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

그리고 기본값을 0으로 변경하십시오.

<설정>
    <기본>
        <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 웹 루트로 이동하십시오

 $ cd / var / www / html / magento2 

 $ PHP bin / magento setup : 정적 내용 : 배포 

2 단계.

 $ PHP bin / magento 인덱서 : reindex

아파치“rewrite_module”이 활성화되어 있는지 확인한 다음 서버를 다시 시작하십시오.

단계 4.

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

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

var / cache에서 캐시 폴더 삭제

위의 단계가 작동합니다. 나는 이것이 당신에게도 효과가 있기를 바랍니다.

이 문제를 해결하려면 아래 단계를 따르십시오.

1) 마 젠토 2를 다운로드하십시오.

2) www 또는 htdocs 디렉토리에서 추출하십시오.

3) 마 젠토를 설치하십시오. localhost 를 사용 하지 말고 store url 및 admin 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은 함수가 아닙니다

symlink를 닫으십시오

고급> 개발자> 템플릿 설정> 심볼릭 링크 허용> 아니요

리소스를 닫은 후 처음으로 리소스로드가 느리게 배포되지는 않지만 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. 이 두 가지 간단한 단계를 통해 js 및 css 파일 경로 문제를 해결할 수있었습니다.

pub / static 폴더 안에 .htaccess가 없습니다. 거기 있어야합니다.

이 문제에 여러 번 직면했습니다. 첫 번째 pub / static은 정적 자산 url에 포함 된 버전 번호에 대한 URL 재 작성이있는 .htaccess 파일을 가져야합니다.

필자의 경우 아파치 구성에서 각 디렉토리 섹션에서 AllowOverride를 None에서 All로 변경합니다.