Angular2-modal traceur 404(未找到)问题

时间:2016-11-29 23:31:02

标签: angular

当试图让angular2-modal工作时,我得到以下错误:(我正在使用angular" ~2.1.1")

https://cloud.githubusercontent.com/assets/12258728/20733358/f3b692aa-b660-11e6-98fc-28479637a3e4.png

下面是我的system.config.js文件:

/**
 * System configuration for Angular 2 samples
 * Adjust as necessary for your application needs.
 */
(function (global) {
    System.config({
        paths: {
            // paths serve as alias
            'npm:': 'build/lib/js/'
        },
        //map tells the System loader where to look for things
        map: {
            // our app is within the app folder
            app: 'build/dist/app',

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

            // other libraries
            'rxjs': 'npm:rxjs',
            'angular2-in-memory-web-api': 'npm:angular2-in-memory-web-api',
            "ng2-pagination": "npm:ng2-pagination",
            'ng2-webstorage': 'npm:ng2-webstorage',
            'angular2-modal': 'https://npmcdn.com/angular2-modal@2.0.2'
        },
        // 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-in-memory-web-api': {
                main: 'index.js',
                defaultExtension: 'js'
            },
            "ng2-pagination": { main: "index.js", defaultExtension: "js" },
            'ng2-webstorage': { main: 'bundles/core.umd.js', defaultExtension: 'js' },
            'angular2-modal': { defaultExtension: 'js', main: '/bundles/angular2-modal.umd.js' },
            // Plugins also need mappings.
            'angular2-modal/plugins/bootstrap': { defaultExtension: 'js', main: 'index' },
            'angular2-modal/plugins/vex': { defaultExtension: 'js', main: 'index' },
            'angular2-modal/plugins/js-native': { defaultExtension: 'js', main: 'index' }
        }
    });
})(this);

这是我的app.module.ts文件:

import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { AppComponent } from "./app.component";
import { routing, appRoutingProviders } from "./app.routing";
import { Routes, RouterModule } from "@angular/router";
import { CashierRiskProfileModule } from "./cashierriskprofile/cashierriskprofile.module";
import { ExceptionDashboardModule } from "./exceptiondashboard/exceptiondashboard.module";
import { ReportModule } from "./reports/report.module";
import { SharedModule } from "./shared/shared.module";
import { ModalModule } from 'angular2-modal';
import { BootstrapModalModule } from 'angular2-modal/plugins/bootstrap';

const routes: Routes = [
];

@NgModule({
    imports: [
        BrowserModule,
        routing,
        CashierRiskProfileModule,
        ExceptionDashboardModule,
        ReportModule,
        SharedModule.forRoot(),
        RouterModule.forRoot(routes, { useHash: true }),
        ModalModule.forRoot(),
        BootstrapModalModule,
    ],
    declarations: [
        AppComponent
    ],
    providers: [
        appRoutingProviders
    ],
    bootstrap: [AppComponent]
})
export class AppModule {
}

问题是什么?是否会修复错误?

0 个答案:

没有答案