Error loading ng2-file-upload #714

New Issue

2017-03-30T16:04:12Z

sabb123 commented

2017-03-30 16:04:12 +00:00

(Migrated from github.com)

I installed ng2-file-upload . However application is not able to load it. Failed to load resource error comes.
Can you please advice what I am doing wrong? This is asp.net core application. Gulp copies the ng2-file-upload to lib folder under wwwroot.

app.module

import { FileUploadModule } from 'ng2-file-upload';
import { FileSelectDirective, FileDropDirective, FileUploader } from 'ng2-file-upload/ng2-file-upload';

@NgModule({
imports: [SharedModule,BrowserModule, FormsModule, LoginModule, DataTableModule, FileUploadModule,RouterModule.forRoot([
{ path: 'login', component: LoginComponent },

Systemjs.config.js

(function (global) {
System.config({
map: {
app: 'lib/spa',

        // angular bundles
        '@angular/core': 'lib/@angular/core/bundles/core.umd.js',
        '@angular/common': 'lib/@angular/common/bundles/common.umd.js',
        '@angular/compiler': 'lib/@angular/compiler/bundles/compiler.umd.js',
        '@angular/platform-browser': 'lib/@angular/platform-browser/bundles/platform-browser.umd.js',
        '@angular/platform-browser-dynamic': 'lib/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
        '@angular/http': 'lib/@angular/http/bundles/http.umd.js',
        '@angular/router': 'lib/@angular/router/bundles/router.umd.js',
        '@angular/forms': 'lib/@angular/forms/bundles/forms.umd.js',

        'angular2-datatable': 'lib/angular2-datatable',
        'lodash': 'lib/lodash/lodash.js',
        'moment': 'lib/moment/moment.js',
    'ng2-file-upload': 'lib/ng2-file-upload',

     
        // other libraries
        'rxjs': 'lib/js/rxjs'
    },
    // packages tells the System loader how to load when no filename and/or no extension
    packages: {
        app: {
            main: './main.js',
            defaultExtension: 'js'
        },
        rxjs: {
            defaultExtension: 'js'
        },

        'angular2-datatable': {
            main: 'index.js',
            defaultExtension: 'js'
        },

   
        'ng2-file-upload': { main: 'index.js', defaultExtension: 'js' },
        'moment': { defaultExtension: 'js' }

    }
});

})(this);

I installed ng2-file-upload . However application is not able to load it. Failed to load resource error comes. Can you please advice what I am doing wrong? This is asp.net core application. Gulp copies the ng2-file-upload to lib folder under wwwroot. **app.module** import { FileUploadModule } from 'ng2-file-upload'; import { FileSelectDirective, FileDropDirective, FileUploader } from 'ng2-file-upload/ng2-file-upload'; @NgModule({ imports: [SharedModule,BrowserModule, FormsModule, LoginModule, DataTableModule, FileUploadModule,RouterModule.forRoot([ { path: 'login', component: LoginComponent }, Systemjs.config.js (function (global) { System.config({ map: { app: 'lib/spa', // angular bundles '@angular/core': 'lib/@angular/core/bundles/core.umd.js', '@angular/common': 'lib/@angular/common/bundles/common.umd.js', '@angular/compiler': 'lib/@angular/compiler/bundles/compiler.umd.js', '@angular/platform-browser': 'lib/@angular/platform-browser/bundles/platform-browser.umd.js', '@angular/platform-browser-dynamic': 'lib/@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', '@angular/http': 'lib/@angular/http/bundles/http.umd.js', '@angular/router': 'lib/@angular/router/bundles/router.umd.js', '@angular/forms': 'lib/@angular/forms/bundles/forms.umd.js', 'angular2-datatable': 'lib/angular2-datatable', 'lodash': 'lib/lodash/lodash.js', 'moment': 'lib/moment/moment.js', 'ng2-file-upload': 'lib/ng2-file-upload', // other libraries 'rxjs': 'lib/js/rxjs' }, // packages tells the System loader how to load when no filename and/or no extension packages: { app: { main: './main.js', defaultExtension: 'js' }, rxjs: { defaultExtension: 'js' }, 'angular2-datatable': { main: 'index.js', defaultExtension: 'js' }, 'ng2-file-upload': { main: 'index.js', defaultExtension: 'js' }, 'moment': { defaultExtension: 'js' } } }); })(this);

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: dc/ng2-file-upload#714