2017-12-27 46 views
0

Ich habe MVC erstellt Asp.Net Angular2 Anwendung, die in Ordnung arbeitet, während in der visuellen studio2017 externen Host aktiv ist. Aber wenn ich diese Anwendung veröffentliche und über IIS laufe. Ich erhalte einen Fehler alsAsp.net MVC5 angular4 Uncaught Referenz Fehler: System nicht in systemjs.config.js definiert nach IIS Bereitstellung

Uncaught Reference: System nicht in

  1. systemjs.config.js und
  2. _Layout.cshtml

    System.import ('APP') definiert ist. catch (funktion (err) {console.error (err);});

Unten ist mein Bundle.config Klasse:

public class BundleConfig 
{ 
    public static void RegisterBundles(BundleCollection bundles) 
    { 
     bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
        "~/Scripts/jquery-{version}.js")); 

     bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
        "~/Scripts/jquery.validate*")); 

     bundles.Add(new ScriptBundle("~/bundles/angular").Include(    
        "~/node_modules/core-js/client/shim.min.js", 
        "~/node_modules/systemjs/dist/system-polyfills.js",         
        "~/node_modules/zone.js/dist/zone.js", 
        "~/node_modules/systemjs/dist/system.src.js", 
        "~/node_modules/systemjs/dist/system.js", 
        "~/systemjs.config.js" 
        )); 

     bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
        "~/Scripts/modernizr-*")); 

     bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(      
        "~/Scripts/bootstrap.min.js",      
        "~/Scripts/respond.js"      
       )); 

     bundles.Add(new StyleBundle("~/Content/css").Include(
        "~/Content/bootstrap.min.css", 
        "~/Content/font-awesome.min.css", 
        "~/Content/animate.min.css", 
        "~/node_modules/angular2-busy/build/style/busy.css", 
        "~/node_modules/ng2-toastr/bundles/ng2-toastr.min.css", 
        "~/Content/custom.css"      
       ));   
    } 
} 

systemjs.config.js

(function (global) { 
     SystemJS.config({   
     paths: { 
      'npm:': 'node_modules/' 
     }, 
     map: { 
      'app': 'app', 

      '@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', 
      '@angular/animations': 'npm:@angular/animations/bundles/animations.umd.js', 
      '@angular/animations/browser': 'npm:@angular/animations/bundles/animations-browser.umd.js', 
      '@angular/platform-browser/animations': 'npm:@angular/platform-browser/bundles/platform-browser-animations.umd.js', 
      'file-saver': 'npm:file-saver/', 
      'angular2-busy': 'npm:angular2-busy', 

      'ng2-smart-table': 'npm:ng2-smart-table', 
      'ng2-completer': 'npm:ng2-completer', 
      'ng2-bs3-modal': 'npm:/ng2-bs3-modal', 
      'lodash': 'npm:lodash', 
      'rxjs': 'npm:rxjs', 
      'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js', 
      'mydatepicker': 'npm:mydatepicker/bundles/mydatepicker.umd.min.js', 
      'ng2-toastr': 'npm:ng2-toastr', 

      'moment': 'npm:moment', 
      'ngx-pipes': 'npm:ngx-pipes/bundles/ngx-pipes.umd.min.js' 

     }, 
     packages: { 
       app: { main: 'main.js', defaultExtension: 'js' }, 
       rxjs: { defaultExtension: 'js' }, 
       'ng2-bs3-modal': { main: '/bundles/ng2-bs3-modal.js', defaultExtension: 'js' }, 
       'ng2-smart-table': { main: 'bundles/table.umd.js', defaultExtension: 'js' }, 
       'ng2-completer': { main: 'ng2-completer.umd.js', defaultExtension: 'js' }, 
       'lodash': { main: 'lodash.js', defaultExtension: 'js' }, 
       'file-saver': { format: 'global', main: 'FileSaver.js', defaultExtension: 'js'}, 
       'angular2-busy': { main: './index.js', defaultExtension: 'js' }, 
       'moment': { main: 'moment', defaultExtension: 'js' },    
       'ng2-toastr': { main: '/bundles/ng2-toastr.min.js', defaultExtension: 'js' },  
      } 
     }); 
    })(this); 

Antwort

0

ich eine Arbeit um gefunden, kopiert ich meine node_modules Ordner aus meinem Projekt die Paket veröffentlichen und sah, dass der Fehler verschwunden war

Verwandte Themen