ไฟล์ CSS และ Javascript ไม่โหลดหลังจากติดตั้ง Magento 2


25

ฉันได้ติดตั้ง 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

enter image description here


apache / nginx
zhartaunik

ฉันใช้เซิร์ฟเวอร์ apache
amitshree

คุณอยู่บน windows เหรอ
Chris O'Toole

Nope ฉันใช้อูบุนตู
amitshree

คำตอบ:


13

นี่อาจเป็นปัญหากับ symlink ฉันเห็นว่า deploy.php ใช้งานได้สำหรับคุณ แต่คุณอาจลองลบทรัพยากรออกจาก pub / static และดูว่าคำแนะนำจาก/magento//a/64808/594เหมาะกับคุณหรือไม่ ถ้าเป็นเช่นนั้นมันอาจช่วยคุณประหยัดเวลาในการพัฒนาเนื่องจากมันควรจะเร็วกว่าการรัน deploy.php

นอกจากนี้ยังเป็นการดีที่จะรู้ว่าถ้ามีคนหลายคนกำลังตีปัญหาด้วย symlink และสาเหตุที่พบบ่อยคืออะไร


1
ใครก็ตามที่พบปัญหานี้ควรลองสิ่งนี้ในตอนแรก ขอขอบคุณ !
Haijerome

โดยทั่วไปเรามีปัญหาเฉพาะกับการติดตั้ง Magento ด้านล่าง 2.0.6 ถ้าใครมีปัญหา โดยเฉพาะอย่างยิ่ง 2.0.4 bugged เรา ดังนั้นหากคุณยังต้องการหนึ่งในรุ่นเหล่านั้นให้ใช้สิ่งนี้ การอัพเกรดครั้งต่อไปควรเป็นเวอร์ชั่นที่เสถียรที่สุด!
สูงสุด

27

หากคุณประสบปัญหาของ css และการออกแบบหลังการติดตั้งใน Windows โปรดทำตามขั้นตอนต่อไปนี้:

ขั้นตอนที่ 1. php bin/magento setup:static-content:deploy

ขั้นตอนที่ 2. php bin/magento indexer:reindex

ขั้นตอนที่ 3 ตรวจสอบให้แน่ใจว่า apache "rewrite_module" เปิดใช้งานแล้วรีสตาร์ทเซิร์ฟเวอร์

ขั้นตอน 4. ลบโฟลเดอร์แคชภายใต้var / แคช

ขั้นตอนข้างต้นใช้งานได้สำหรับฉันฉันหวังว่านี่จะทำงานให้คุณ

แจ้งให้เราทราบหากคุณยังคงประสบปัญหาใด ๆ


4
หากคุณมีการพัฒนาในประเทศนี้เป็นไม่ได้แก้ปัญหาที่คุณต้องการ สิ่งนี้ต้องการให้คุณปรับใช้เนื้อหาสแตติกใหม่ทุกครั้งที่มีการเปลี่ยนแปลงมุมมอง ตรวจสอบให้แน่ใจว่าคุณอยู่ในโหมดนักพัฒนาซอฟต์แวร์และ symlink นั้นทำงานอยู่
Nathan Merrill

@ NathanMerrill ขอบคุณสำหรับความคิดเห็นของคุณ ฉันเดาว่านี่เป็นปัญหาเฉพาะเมื่อคุณทำการเปลี่ยนแปลงระดับธีม แต่ฉันได้รับผลลัพธ์ที่สมบูรณ์แบบโดยไม่ต้องปรับใช้ในเครื่องทุกครั้ง
samumaretiya

ทั้งหมดขึ้นอยู่กับสิ่งที่คุณทำ หากคุณทำการเปลี่ยนแปลงในโฟลเดอร์มุมมอง (ไม่ใช่แค่การสร้างไฟล์ใหม่) คุณจะต้องปรับใช้
Nathan Merrill

@NathanMerrill หากคุณต้องการสนทนาเพิ่มเติมคุณสามารถติดต่อฉันที่ skype: samumaretiya หรืออาจเป็นไปได้ว่าเราจะสามารถสนทนาผ่าน google hangout samumaretiya@gmail.com
samumaretiya

ทำงานเหมือนมีเสน่ห์ !!!
Mike Nguyen

5

ปัญหาของฉันคือการที่ฉันมีอากาศเพียงเล็กน้อยตื่นเต้นเกินไปกับฉันpub/staticและpub/media"ล้างแคช" และตั้งใจลบไฟล์ใน.htaccesspub/static

การแก้ไขอย่างรวดเร็วคือการดึงที่สดใหม่/magento2ce/pub/static/.htaccessและล้างแคชและบ๊อบลุงของคุณ ไม่มีปัญหา CSS อีกแล้ว

หวังว่านี่จะช่วยได้ มันจะยอดเยี่ยมถ้ามีวิธีลบไฟล์และแน่ใจว่าไฟล์อื่นไม่ได้ถูกลบออกเช่น. gitignore สำหรับการrm -rfใช้งานระบบลินุกซ์ อาจจะมีสักวันหนึ่ง...

โปรดทราบ: นี่เป็นเพียงปัญหา CSS, ขออภัยฉันไม่ได้ช่วยปัญหา JS ที่ขาดหายไป


คุณเป็นฮีโร่!
Ares

4

ฉันเคยมีปัญหานี้กับ V2.1.3 ซึ่งลายเซ็นถูกตั้งค่าเริ่มต้นเป็นจริง ซึ่งหมายความว่า URL มี "version" ในชื่อพา ธ ตัวอย่างเช่นพา ธ ไฟล์ควรเป็น: -

ผับ / คงที่ / adminhtml / วีโอไอพี / แบ็กเอนด์ / th / ผู้วิเศษ / adminhtml / events.js

แต่มาเป็น: -

ผับ / คงที่ / version14043395384 / adminhtml / วีโอไอพี / แบ็กเอนด์ / th / ผู้วิเศษ / adminhtml / events.js

หากต้องการเปลี่ยนแปลงให้เปิดไฟล์: -

แหล่งที่มา \ ผู้ขาย \ วีโอไอพี \ โมดูลธีม \ etc \ config.xml

และเปลี่ยนค่าเริ่มต้นเป็นศูนย์: -

<การตั้งค่า>
    <เริ่มต้น>
        <dev>
            <คงที่>
                <เครื่องหมาย> 0 </ เข้าสู่ระบบ>
            </ คงที่>
        </ dev>
    </ เริ่มต้น>
</ config>

2

ฉันพบปัญหาในการติดตั้ง Magento 2 หลายตัวในการผลิต

สมมติว่าคุณทำสิ่งนี้ก่อนจากบรรทัดคำสั่ง

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

จากนั้นเปลี่ยนการอนุญาตไฟล์เป็น 755 ในไดเรกทอรีต่อไปนี้:

/ผับ/

/ ผับ / คงที่ /

/ ผับ / คงที่ / หน้า /

/ ผับ / คงที่ / adminhtml /

/ ผับ / คงที่ / _requirejs /

Voila! โหลดไฟล์ CSS / JS อย่างสมบูรณ์แบบ


1

หลังจากไปที่โฟลเดอร์ dev / tools / Magento / Tools / View แล้วเรียกใช้สิ่งนี้ในบรรทัดคำสั่งแก้ไขปัญหา

php deploy.php

1
หวังว่าจะแก้ไขปัญหาของฉันเช่นกัน แต่ dev / tools / Magento / Tools / View ไม่มีอยู่ในการติดตั้งของฉัน
Tobias Hartmann

@TobiasHartmann: คุณตรวจสอบว่า mod_rewrite เปิดใช้งานอยู่หรือไม่? ไดเรคทอรี / ไฟล์ทั้งหมดนั้นมีสิทธิ์ที่ถูกต้องหรือไม่
amitshree

1

ฉันมีปัญหานี้เช่นกัน แต่มันก็จบลงด้วยการมีcore_config_dataปัญหา สินทรัพย์ทั้งหมดของฉันถูกกำหนดเส้นทางไปยังhttpsURL ที่แม้จะมีการตั้งค่าของฉันที่ URL httpที่จะ

มีข้อมูลในเรื่องcore_config_dataที่เรียกว่าซึ่งถูกกำหนดให้web/secure/use_in_frontend 1ฉันตั้งค่าเป็น0ล้างแคชและทำงานอย่างถูกต้อง


1

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


1

ฉันมีปัญหานี้เมื่อใช้ไฟล์ภาษา

เมื่อใช้ภาษาคุณจะต้องรวมภาษาของระบบด้วย:

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

0

หากคุณประสบปัญหาการออกแบบโหลดหน้า css และ js หลังการติดตั้งใน magento2 โปรดทำตามขั้นตอนต่อไปนี้:

เปิดเทอร์มินัลแล้วไปยังรากของวีโอไอพี

 $ cd / var / www / html / magento2 
ขั้นตอนที่ 1.

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

ขั้นตอนที่ 2.

 ตัวสร้างดัชนี $ php bin / magento: reindex
ขั้นตอนที่ 3

ตรวจสอบให้แน่ใจว่า apache“ rewrite_module” เปิดใช้งานแล้วรีสตาร์ทเซิร์ฟเวอร์

ขั้นตอนที่ 4

 $ chown -R www-data: www-data / var / www / html / magento2 
ขั้นตอนที่ 5

 $ chmod -R 777 / var / www / html / magento2 
ขั้นตอนที่ 6

ลบโฟลเดอร์แคชภายใต้ var / แคช

ขั้นตอนข้างต้นทำงานได้ ฉันหวังว่ามันจะใช้ได้ผลสำหรับคุณเช่นกัน


0

โปรดทำตามขั้นตอนด้านล่างเพื่อกำจัดปัญหานี้

1) ดาวน์โหลด Magento 2

2) คลายข้อมูลนี้ในไดเรกทอรี www หรือ htdocs ของคุณ

3) ติดตั้ง magento ห้ามใช้localhostให้ใช้127.0.0.1ใน URL ร้านค้าและ URL ของผู้ดูแลระบบ

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) เปลี่ยนพฤติกรรมของ symlink สำหรับทรัพยากรคงที่บางส่วนตามที่ระบุไว้ด้านล่าง: -

เมื่อ Magento 2 ไม่ได้อยู่ในโหมดการผลิตก็จะพยายามสร้าง symlink สำหรับแหล่งข้อมูลคงที่บนเซิร์ฟเวอร์ในตัว เราต้องเปลี่ยนพฤติกรรมของ Magento 2 โดยไปที่แก้ไขROOT > app > etc > di.xmlไฟล์ เปิด 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 Front และ Backend URL


0

รันคำสั่งต่อไปนี้:

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

0

ไม่จำเป็นต้องแก้ไข di.xml เราพบข้อผิดพลาดในการโหลด js ขณะเปิดใช้งาน symlink
มากมาย;

TypeError: $ .widget ไม่ใช่ฟังก์ชัน

เพียงปิด symlink

ขั้นสูง> นักพัฒนา> การตั้งค่าเทมเพลต> อนุญาต Symlinks> ไม่

หลังจากปิดแล้วอาจไม่สามารถใช้งานทรัพยากรได้โหลดช้าเป็นครั้งแรก แต่ข้อผิดพลาด js หายไป



0

นอกจากนี้ให้พิจารณาด้วยว่าการเปลี่ยนสถานที่ตั้งร้านค้าของคุณอาจมีผลกระทบนี้หากคุณไม่มีสถานที่ตั้งนั้นอยู่ในธีมของคุณเอง ฉันเคยเห็นมันเกิดขึ้นสองสามครั้ง


0

คุณสามารถทำตามคำแนะนำเหล่านี้:

หากมีวิธีใด ๆ ที่version#######ชอบด้านล่างจะช่วยได้อย่างแน่นอน http: //localhost/magento2/pub/static/version1511270229/frontend/Magento/luma/en_US/mage/calendar.css

ร้านค้า> การกำหนดค่า> ขั้นสูง> ผู้พัฒนา> ลงชื่อไฟล์คงที่ (ใช่ -> ไม่)

หากคุณมีการเข้าถึงฐานข้อมูลแล้วดำเนินการคำสั่งนี้:

แทรก core_config_data (config_id, ขอบเขต, scope_id, เส้นทาง, ค่า) ค่า (null, 'default', 0, 'dev / static / sign', 0);

Remove the cache and reload the page. สองขั้นตอนง่าย ๆ เหล่านี้ช่วยฉันแก้ปัญหาของเส้นทางไฟล์ js และ css


0

ฉันเพิ่งหายไป. htaccess ในโฟลเดอร์ pub / static มันจะต้องมี


สิ่งนี้ไม่ได้ให้คำตอบสำหรับคำถาม หากต้องการวิจารณ์หรือขอคำชี้แจงจากผู้แต่งโปรดแสดงความคิดเห็นใต้โพสต์ของพวกเขา - จากรีวิว
Rama Chandran M

@ RamaChandranM ฉันมี "อาการ" เหมือนกันในเว็บไซต์คุณภาพเยี่ยมของฉัน googled และพบคำถามนี้ ฉันพบวิธีแก้ไขปัญหาในภายหลัง เหตุใดฉันจึงไม่แชร์โซลูชันที่เป็นไปได้กับผู้อื่น แม้ว่านั่นไม่ใช่ปัญหาเฉพาะของผู้เขียนที่นี่ .. ความคิดเห็นแปลกจริง ๆ !
OZZIE

0

ประสบกับปัญหานี้หลายครั้ง สิ่งแรกแรก pub / static ควรมีไฟล์. htaccess ซึ่งมี url rewrite สำหรับหมายเลขรุ่นที่รวมอยู่ใน url ของสินทรัพย์แบบคงที่


0

ในกรณีของฉันใน apache config ฉันเปลี่ยน AllowOverride จากไม่มีเป็นทั้งหมดในส่วนไดเรกทอรีที่เกี่ยวข้อง

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.