ไม่สามารถกำหนด () ค่าการส่งออกเริ่มต้นใน Babel 6.x

ใน Babel 5.x ฉันสามารถเขียนโค้ดต่อไปนี้:

app.js

export default function (){}

index.js

require('babel/register');
require('./app')();

จากนั้นฉันสามารถทำงานได้node index.jsโดยไม่มีข้อผิดพลาด อย่างไรก็ตามการใช้ Babel 6.x เรียกใช้รหัสต่อไปนี้

index.es6.js

require('babel-core/register');
require('./app')();

ส่งผลให้เกิดข้อผิดพลาด

ต้องใช้ (... ) ไม่ใช่ฟังก์ชัน

ฉันอยากรู้ว่าทำไม?

TL; ดร

คุณต้องใช้

require('./app').default();

คำอธิบาย

บาเบล 5 เคยมีสับเข้ากันได้สำหรับexport default: module.exportsถ้าโมดูลการส่งออกมีเพียงหนึ่งและมันก็ส่งออกค่าเริ่มต้นจะได้รับมอบหมายให้ ตัวอย่างเช่นโมดูลapp.jsของคุณ

export default function () {}

จะถูกถ่ายทอดสู่สิ่งนี้

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

exports["default"] = function () {};

module.exports = exports["default"];

นี้ทำอย่างหมดจดเข้ากันได้กับrequireไอเอ็นจีโมดูล Babel-transpiled (เช่นคุณกำลังทำ) มันก็ไม่สอดคล้องกัน; หากโมดูลมีทั้งการเอ็กซ์พอร์ตที่ตั้งชื่อและดีฟอลต์จะไม่สามารถrequire-d

ในความเป็นจริงตามที่ ES6 โมดูลข้อมูลจำเพาะส่งออกเริ่มต้นคือไม่แตกต่างdefaultกว่าการส่งออกที่มีชื่อที่มีชื่อ มันเป็นเพียงแค่น้ำตาลที่เป็นประโยคซึ่งสามารถแก้ไขได้ในเวลาคอมไพล์ดังนั้นสิ่งนี้

import something from './app';

ก็เหมือนกับสิ่งนี้

import { default as something } from './app';

ตามที่กล่าวไว้ดูเหมือนว่า Babel 6 ตัดสินใจที่จะยกเลิกการแฮ็คการทำงานร่วมกันเมื่อทำการขนส่งโมดูล ตอนนี้โมดูลapp.jsของคุณจะปรากฏเป็นไฟล์

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});

exports.default = function () {};

อย่างที่คุณเห็นไม่มีการมอบหมายให้module.exportsอีกแล้ว ในrequireโมดูลนี้คุณต้องทำ

require('./app').default();

เพียงเพื่อติดตามคำตอบที่ถูกต้องด้านบน

ถ้าคุณอยากจะใช้พฤติกรรมการส่งออกเริ่มต้นของbabel@5คุณสามารถลองBabel ปลั๊กอิน-add-โมดูลการส่งออกปลั๊กอิน

มันทำงานได้ดีสำหรับฉัน

หากไม่ได้ผล

require('./app').default()

ใช้

require('./app').default

โดยไม่ต้องเรียกฟังก์ชันในตอนท้าย