รวมโมดูลที่มีการพึ่งพาเป็นจุดเริ่มต้นใน Webpack (Angular 2 Typescript)

ฉันได้กำหนดค่า Webpack ในโปรเจ็กต์ของฉันแล้ว และในฟิลด์จุดเริ่มต้น ฉันได้เพิ่มไฟล์โพลีฟิล ผู้จำหน่าย และแอปแล้ว แต่ฉันมีไฟล์อื่น 'myComponent.js' ซึ่งมีการอ้างอิงอยู่

webpack.common.js

entry: 
    {
        'polyfills': './polyfills.ts',
        'vendor': './vendor.ts',
        'app': './src/main.ts',
        'components': './myComponent'
    },
resolve: 
    {
        extensions: ['', '.js', '.ts', '.d.ts']
    }

และนี่คือไฟล์คอมโพเนนต์ที่มีการขึ้นต่อกัน--

myComponent.js

exports.EventDispatcher = require('./lib/EventDispatcher').EventDispatcher;

ตอนนี้เมื่อฉันนำเข้าสิ่งนี้จากองค์ประกอบหลักของฉัน--

app.component.ts

import {EventDispatcher} from 'components';

ตอนนี้เมื่อฉันรัน npm run build มันทำให้ฉันมีข้อผิดพลาดต่อไปนี้

ไม่พบโมดูล: ข้อผิดพลาด: ไม่อนุญาตให้มีการพึ่งพาจุดเริ่มต้น

ข้อเสนอแนะใด ๆ ที่ฉันจะผิดพลาด


webpack angular
person Ruchila Baruah    schedule 13.06.2016    source แหล่งที่มา

คำตอบ (1)


arrow_upward
3
arrow_downward

คุณไม่สามารถกำหนดให้มีจุดเริ่มต้น (ในกรณีนี้คือ components) เป็นการพึ่งพาใน webpack คุณสามารถแก้ไขปัญหานี้ได้โดยการระบุส่วนประกอบเป็นอาร์เรย์ เช่นนั้น:

entry: 
    {
        'polyfills': './polyfills.ts',
        'vendor': './vendor.ts',
        'app': './src/main.ts',
        'components': ['./myComponent']
    }
person shortdiv    schedule 15.08.2016
comment
ฮ่าๆ ฉันมีปัญหากับข้อความแสดงข้อผิดพลาดนั้นและไม่เคยคิดเลย นั่นเป็นรายละเอียดที่เล็กมาก ฉันมีโปรเจ็กต์อื่นที่ไม่มีข้อผิดพลาดใดๆ และมีอาร์เรย์สำหรับคีย์ entry: ขอบคุณมาก! - person nbkhope; 04.02.2017