Menyertakan modul yang memiliki dependensi sebagai titik masuk di Webpack (Angular 2 TypeScript)

Saya telah mengonfigurasi Webpack di proyek saya, dan di bidang titik masuk, saya telah menambahkan file polyfill, vendor, dan aplikasi. Tapi saya punya file lain 'myComponent.js' yang memiliki dependensi di dalamnya.

webpack.common.js

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

Dan berikut adalah file komponen yang memiliki ketergantungan--

Komponen saya.js

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

Sekarang ketika saya mengimpor ini dari komponen utama saya--

aplikasi.component.ts

import {EventDispatcher} from 'components';

Sekarang ketika saya menjalankan npm run build ini, saya mendapatkan kesalahan berikut

Modul tidak ditemukan: Kesalahan: ketergantungan pada titik masuk tidak diperbolehkan.

Ada saran di mana kesalahan saya.


webpack angular
person Ruchila Baruah    schedule 13.06.2016    source sumber

Jawaban (1)


arrow_upward
3
arrow_downward

Anda tidak dapat meminta titik masuk, dalam hal ini components, sebagai ketergantungan di webpack. Anda dapat mengatasinya dengan menentukan komponen sebagai array seperti:

entry: 
    {
        'polyfills': './polyfills.ts',
        'vendor': './vendor.ts',
        'app': './src/main.ts',
        'components': ['./myComponent']
    }
person shortdiv    schedule 15.08.2016
comment
Ha ha. Saya mengalami masalah dengan pesan kesalahan itu dan tidak pernah bisa menemukan jawabannya. Itu adalah detail yang sangat kecil. Saya memiliki proyek berbeda di mana saya tidak mengalami kesalahan apa pun dan memang memiliki array untuk kunci entry:. Terima kasih banyak! - person nbkhope; 04.02.2017