Can't find subcomponents (file-select, file-drop, file-uploader) about ng2-file-upload

[anikets43]

@chambersDon

Replace mapping with following, also add default extension.
System.config({ packages: { app: { format: 'register', defaultExtension: 'js' }, 'ng2-file-upload': { "defaultExtension": "ts" } }, map: { 'ng2-file-upload': 'node_modules/ng2-file-upload' } });

[EBozan]

Index.html.. Where "libs" is your .js folder under wwwroot

System.config({
        packages: {
            appScripts: {
                defaultExtension: 'js'
            }
            , 'ng2-file-upload': { defaultExtension: 'js' }
                }, map: { 'ng2-file-upload': 'libs/ng2-file-upload/' }
            }

    );

and component... {Directpry/File}

import {FILE_UPLOAD_DIRECTIVES, FileUploader} from 'ng2-file-upload/ng2-file-upload';

[anikets43]

@EBozan

Mention the default extension for ng2-file-upload as mentioned in above thread.

Also, verify whether tyou have injected the FILE_UPLOAD_DIRECTIVES and FileUploader in the component.
There is a bug in the component. Refer https://github.com/valor-software/ng2-file-upload/issues/131 and make changes manually.

Please check the console for any error. That would help us to figure out the issue.

Cheers,
Aniket

[noorahmed94]

@anikets43 Same issue as described, tried both the solutions but didnt worked for me. Installed the library using npm install and here is my system.js

System.config({
            packages: { 
                transpiler: 'typescript',
                typescriptOptions: {
                    emitDecoratorMetadata: true
                },       
                app: {
                    format: 'register',
                    defaultExtension: 'js'
                },
                'ng2-material': {
                    defaultExtension: 'js'
                },
                'rxjs': {defaultExtension: 'js'},
                'ng2-file-upload': { defaultExtension: 'ts' }
            },
            map: {
                app: "./app",
                "ng2-material":"node_modules/ng2-material",
                "angular2-jwt": "node_modules/angular2-jwt/angular2-jwt.js",
                "browser-sync" : "node_modules/browser-sync/browser-sync-client.2.11.2.js",
                "ng2-ckeditor" : "node_modules/ng2-ckeditor/lib/CKEditor.js",
                rxjs: 'node_modules/rxjs',
                'ng2-file-upload': 'node_modules/ng2-file-upload',
                'traceur' : "node_modules/traceur/bin/traceur.js"
            },
        });
        System.import('app/main')
        .then(null, console.error.bind(console));

[hei1233212000]

I am encountering the same issue, any solution now?

[valorkin]

PR with fix merged, should be fixed
check bundles and ng2-bootstrap sample