ปัญหา webpack เมื่อพยายามเรียกใช้สภาพแวดล้อมการพัฒนา

ก่อนที่คุณจะอ่านข้อความนี้ ขออภัยที่แยกโค้ดของฉันออกเป็นเอกสารแยกกัน มันใช้เวลานานเกินไปสำหรับโปรแกรมแก้ไข Stackoverflow

ฉันได้รับข้อผิดพลาดนี้เมื่อฉันรันสภาพแวดล้อมการพัฒนา:

พบไฟล์การกำหนดค่า แต่ไม่มีการกำหนดค่ารายการ

ใช้ --help เพื่อแสดงตัวเลือก CLI

นี่คือ webpack.config.js ของฉัน:

let config;

if (/development/.test(process.env.NODE_ENV.indexOf('development'))) {
    config = require('./config/webpack.dev')({env: 'development'});
}
else if (/production|staging/.test(process.env.NODE_ENV)) {
    config = require('./config/webpack.prod')({env: 'production'});
}

module.export = config;

นี่คือ config/webpack.dev.js ของฉัน:

https://docs.google.com/document/d/1oudL50sL84FQDGB7vmuYcr2yVll44UlLr5DPPuZ2-kk/edit?usp=sharing

นี่คือ webpack.common.js ของฉัน:

รหัสบางส่วนที่ฉันนำมาใช้ซ้ำสำหรับสภาพแวดล้อมการผลิตและการพัฒนา

https://docs.google.com/document/d/1JMQPxMbLGsOGddohkZyhbvYE1CSXWImxJll3JVQ4rQA/edit?usp=sharing

นี่คือ package.json ของฉัน:

https://docs.google.com/document/d/1uk5yXCjMbBCnhGqKzrQRAEUDewwPWd_UeW3Zld4oV7w/edit?usp=sharing

ฉันพิมพ์หน้าจอเพื่อแสดง console.log ที่ฉันทำกับการกำหนดค่าภายในไฟล์ webpack.config เมื่อฉันเรียกใช้ npm run dev:

http://up416.siz.co.il/up3/eqho2ydz2j2t.png

นี่คือโครงสร้างแอปของฉัน:

http://up416.siz.co.il/up2/y2tni0ny11mt.png


person adir kandel    schedule 17.08.2017    source แหล่งที่มา


คำตอบ (1)


ฉันคิดว่าข้อผิดพลาดของ Webpacks สมเหตุสมผล ค้นหาไฟล์การกำหนดค่า webpack.config.js แต่ไม่มีคุณสมบัติ 'รายการ' ในค่าที่ส่งออก

ประการแรก module.export ควรเป็น module.exports ในตัวอย่างของคุณ ไม่มีสิ่งใดจะถูกส่งออก ดังนั้นจึงไม่มีคุณสมบัติรายการ

เมื่อแก้ไขแล้ว ฉันคิดว่ายังมีปัญหาอื่นอีก ดูเหมือนว่าเงื่อนไขด้านล่างจะผิด:

/development/.test(process.env.NODE_ENV.indexOf('development'))

ควรจะเป็นอันนี้แทนมั้ย?

/development/.test(process.env.NODE_ENV)

เนื่องจากไม่มีเงื่อนไขใดประเมินเป็น true config จะถูกส่งออกเป็น undefined ซึ่งอาจทำให้คุณเกิดข้อผิดพลาดเดียวกัน

person Daniel Yefet    schedule 17.08.2017
comment
จริงๆ แล้วคุณพูดถูก นี่มันไร้สาระมากสำหรับฉัน แต่หลังจากการแก้ไขนี้ ฉันยังพบปัญหาเดียวกัน ฉันพิมพ์หน้าจอเพื่อแสดง console.log ที่ฉันทำกับการกำหนดค่าภายในไฟล์ webpack.config ของฉันเมื่อฉันเรียกใช้ npm รัน dev: up416.siz.co.il/up3/eqho2ydz2j2t.png นี่คือโครงสร้างแอปของฉัน: up416.siz.co.il/up2/y2tni0ny11mt.png< /ก> - person adir kandel; 17.08.2017
comment
ฉันคิดว่าคุณต้องการ module.exports แทน module.export - ฉันได้อัปเดตคำตอบแล้ว :) - person Daniel Yefet; 18.08.2017
comment
ว้าว ฉันขอโทษจริงๆ สำหรับข้อผิดพลาดโง่ๆ นี้ ขอบคุณที่ใช้งานได้ แค่พิมพ์ผิด... - person adir kandel; 20.08.2017