2016-07-05 68 views
6

Web Uygulamam Chrome, Firefox ve Edge'de gayet iyi çalışıyor, ancak elbette IE 11'de çalışmıyor. Muhtemelen IE'nin eski sürümleri de. Uygulamayı oluşturmak için Açısal Cli kullanarak minimal bir uygulama.Açısal 2 RC 4 "(SystemJS) [object Location] için tüm parametreleri çözemezsiniz:" IE 11

tam hatası:

EXCEPTION: Can't resolve all parameters for [object Location]: (?). 
    EXCEPTION: Can't resolve all parameters for [object Location]: (?). 

Unhandled Promise rejection: (SystemJS) Can't resolve all parameters for [object Location]: (?). 
    Evaluating http://localhost:4200/main.js 
    Error loading http://localhost:4200/main.js ; Zone: <root> ; Task: Promise.then ; Value: Error: (SystemJS) Can't resolve all parameters for [object Location]: (?). 
    Evaluating http://localhost:4200/main.js 
    Error loading http://localhost:4200/main.js 
    "Unhandled Promise rejection:" 
    "(SystemJS) Can't resolve all parameters for [object Location]: (?). 
    Evaluating http://localhost:4200/main.js 
    Error loading http://localhost:4200/main.js" 
    "; Zone:" 
    "<root>" 
    "; Task:" 
    "Promise.then" 
    "; Value:" 
    { 
     [functions]: , 
     __proto__: { }, 
     description: "(SystemJS) Can't resolve all parameters for [object Location]: (?). 
    Evaluating http://localhost:4200/main.js 
    Error loading http://localhost:4200/main.js", 
     message: "(SystemJS) Can't resolve all parameters for [object Location]: (?). 
    Evaluating http://localhost:4200/main.js 
    Error loading http://localhost:4200/main.js", 
     name: "Error", 
     originalErr: { }, 
     stack: null, 
     Symbol()_g.sn5fkg9wx58: undefined, 
     Symbol(rxSubscriber)_o.sn5fkg9wx58: undefined 
    } 

Error: Uncaught (in promise): Error: (SystemJS) Can't resolve all parameters for [object Location]: (?). 
    Evaluating http://localhost:4200/main.js 
    Error loading http://localhost:4200/main.js 
    { 
     [functions]: , 
     __proto__: { }, 
     description: "Uncaught (in promise): Error: (SystemJS) Can't resolve all parameters for [object Location]: (?). 
    Evaluating http://localhost:4200/main.js 
    Error loading http://localhost:4200/main.js", 
     message: "Uncaught (in promise): Error: (SystemJS) Can't resolve all parameters for [object Location]: (?). 
    Evaluating http://localhost:4200/main.js 
    Error loading http://localhost:4200/main.js", 
     name: "Error", 
     promise: { 
     [functions]: , 
     __proto__: { }, 
     __zone_symbol__state: 0, 
     __zone_symbol__value: { }, 
     Symbol()_g.sn5fkg9wx58: undefined, 
     Symbol(rxSubscriber)_o.sn5fkg9wx58: undefined 
     }, 
     rejection: { 
     [functions]: , 
     __proto__: { }, 
     description: "(SystemJS) Can't resolve all parameters for [object Location]: (?). 
    Evaluating http://localhost:4200/main.js 
    Error loading http://localhost:4200/main.js", 
     message: "(SystemJS) Can't resolve all parameters for [object Location]: (?). 
    Evaluating http://localhost:4200/main.js 
    Error loading http://localhost:4200/main.js", 
     name: "Error", 
     originalErr: { }, 
     stack: null, 
     Symbol()_g.sn5fkg9wx58: undefined, 
     Symbol(rxSubscriber)_o.sn5fkg9wx58: undefined 
     }, 
     stack: "Error: Uncaught (in promise): Error: (SystemJS) Can't resolve all parameters for [object Location]: (?). 
    Evaluating http://localhost:4200/main.js 
    Error loading http://localhost:4200/main.js 
    at l (http://localhost:4200/vendor/zone.js/dist/zone.min.js:1:2987) 
    at l (http://localhost:4200/vendor/zone.js/dist/zone.min.js:1:2816) 
    at Anonymous function (http://localhost:4200/vendor/zone.js/dist/zone.min.js:1:3327) 
    at e.prototype.invokeTask (http://localhost:4200/vendor/zone.js/dist/zone.min.js:1:7737) 
    at e.prototype.runTask (http://localhost:4200/vendor/zone.js/dist/zone.min.js:1:5178) 
    at a (http://localhost:4200/vendor/zone.js/dist/zone.min.js:1:2421) 
    at invoke (http://localhost:4200/vendor/zone.js/dist/zone.min.js:1:8989)", 
     Symbol()_g.sn5fkg9wx58: undefined, 
     Symbol(rxSubscriber)_o.sn5fkg9wx58: undefined, 
     task: { }, 
     zone: { } 
    } 

package.json

"dependencies": { 
    "@angular/common": "2.0.0-rc.4", 
    "@angular/compiler": "2.0.0-rc.4", 
    "@angular/core": "2.0.0-rc.4", 
    "@angular/platform-browser": "2.0.0-rc.4", 
    "@angular/platform-browser-dynamic": "2.0.0-rc.4", 
    "@angular/router": "3.0.0-beta.1", 
    "core-js": "^2.4.0", 
    "es5-shim": "^4.5.9", 
    "es6-shim": "^0.35.1", 
    "reflect-metadata": "0.1.3", 
    "rxjs": "5.0.0-beta.6", 
    "systemjs": "^0.19.31", 
    "zone.js": "^0.6.12" 
    }, 

index.html

<!doctype html> 
<html> 

<head> 
    <meta charset="utf-8"> 
    <title>Focus Anbud</title> 
    <base href='/'> {{content-for 'head'}} 
    <link rel="icon" type="image/x-icon" href="favicon.ico"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <!-- Loading Spinner --> 
    <link rel="stylesheet" href="assets/css/whirly.css"> 

    <link rel="stylesheet" href="assets/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="assets/css/font-awesome.min.css"> 
    <link rel="stylesheet" href="assets/css/ionicons.min.css"> 
    <!-- 
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> 
    <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> 
    --> 

    <!-- Theme --> 
    <link rel="stylesheet" href="assets/css/AdminLTE.min.css"> 
    <link rel="stylesheet" href="assets/css/skins/skin-blue.min.css"> 

</head> 

<body class="hold-transition skin-blue sidebar-mini"> 
    <!--<div class="wrapper">--> 
    <app> 
    <div class="whirly-loader" style="margin-left: 50%; margin-top:20%">Loading...</div> 
    </app> 
    <!--</div>--> 
    <!-- ./wrapper --> 

    <!-- jQuery 2.1.4 --> 
    <script src="plugins/jQuery/jQuery-2.1.4.min.js"></script> 

    <!-- Bootstrap 3.3.6 --> 
    <script src="assets/js/bootstrap.min.js"></script> 
    <!--<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>--> 

    <!-- AdminLTE App --> 
    <script src="assets/js/app.js"></script> 

    <!-- polyfills for older browsers --> 
    <script src="vendor/es5-shim/es5-shim.min.js"></script> 
    <script src="vendor/es6-shim/es6-shim.min.js"></script> 
    <script src="vendor/systemjs/dist/system-polyfills.js"></script> 
    <script src="https://npmcdn.com/angular2/es6/dev/src/testing/shims_for_IE.js"></script> 
    <script src="vendor/core-js/client/shim.min.js"></script> 

    <!-- default --> 
    <script src="vendor/zone.js/dist/zone.min.js"></script> 
    <script src="vendor/reflect-metadata/Reflect.js"></script> 
    <script src="vendor/systemjs/dist/system.src.js"></script> 

    <script> 
    System.import('system-config.js').then(function() { 
     System.import('main'); 
    }).catch(console.error.bind(console)); 
    </script> 
</body> 

</html> 

ben ES5-şim tüm kombinasyonları denedi görebileceğiniz gibi, es6- shim, IE, core-js shim vs için shims, herhangi bir fark yaratıyor gibi görünmüyor ..

tsconfig:

 "compileOnSave": false, 
     "compilerOptions": { 
     "declaration": false, 
     "emitDecoratorMetadata": true, 
     "experimentalDecorators": true, 
     "mapRoot": "", 
     "module": "commonjs", 
     "moduleResolution": "node", 
     "noEmitOnError": true, 
     "noImplicitAny": false, 
     "outDir": "../dist/", 
     "rootDir": ".", 
     "sourceMap": true, 
     "target": "es5", 
     "inlineSources": true 
     }, 

system-config.ts 

/*********************************************************************************************** 
* User Configuration. 
**********************************************************************************************/ 
/** Map relative paths to URLs. */ 
const map: any = { 
}; 

/** User packages configuration. */ 
const packages: any = { 
}; 

//////////////////////////////////////////////////////////////////////////////////////////////// 
/*********************************************************************************************** 
* Everything underneath this line is managed by the CLI. 
**********************************************************************************************/ 
const barrels: string[] = [ 
    // Angular specific barrels. 
    '@angular/core', 
    '@angular/common', 
    '@angular/compiler', 
    '@angular/http', 
    '@angular/router', 
    '@angular/platform-browser', 
    '@angular/platform-browser-dynamic', 

    // Thirdparty barrels. 
    'rxjs', 

    // translate 
    'ng2-translate', 

    // google-analytics 
    'angulartics2', 

    // App specific barrels. 
    'app', 
    'app/shared', 
    'app/home', 
    'app/_widgets/app-header/', 
    'app/_widgets/menu-aside', 
    'app/page2', 
    'app/page3', 
    'app/_widgets/alert', 
    'app/_widgets/box', 
    'app/_widgets/messages-box', 
    'app/_widgets/notification-box', 
    'app/_widgets/tasks-box', 
    'app/_widgets/user-box', 
    'app/_widgets/language-box', 
    'app/profile', 
    /** @cli-barrel */ 

]; 

const cliSystemConfigPackages: any = {}; 
barrels.forEach((barrelName: string) => { 
    cliSystemConfigPackages[barrelName] = { main: 'index', "defaultExtension": "js" }; 
}); 

/** Type declaration for ambient System. */ 
declare var System: any; 

// Apply the CLI SystemJS configuration. 
System.config({ 
    map: { 
    '@angular': 'vendor/@angular', 
    'rxjs': 'vendor/rxjs', 
    'main': 'main.js', 
    'ng2-translate': 'vendor/ng2-translate', 
    'angulartics2': 'vendor/angulartics2' 
    }, 
    packages: cliSystemConfigPackages 
}); 

// Apply the user's configuration. 
System.config({map, packages }); 
+0

Sistem-config.js dosyanızı da gönderebilir misiniz? –

+0

@ pdfarhad – ganjan

+0

yapılandırma dosyasını ekledikten sonra lütfen 'vendor/ng2-translate' veya 'vendor/angulartics2' içinde' main.js' olup olmadığını kontrol edebilir, bence bu dosyalar ile ilgili bir probleminiz var. kütüphaneler, doğru mu? –

cevap

2

nedeniyle, burada gösterdi dosyaların hiçbirinde değildi, ama tek bileşenli vardı: sağlayıcıları: [Yer] ve bu oldu hiçbir yerde kullanılmaz veya herhangi bir şeyden aktarılmamış ..

3

O LocationStrategy (HashLocationStrategy vs.) ile bir ilgisi vardır, yer stratejileri @angular/common pakette depolanır.

Önyükleme kodunuzu kontrol edin, IE önbelleğini temizleyin, paketleri yeniden yüklemeyi deneyin.

+0

Bunu nasıl düzelteceğimiz konusunda daha fazla bilgi verebilir misiniz, ya da onlar için tam neden nedir? Bunu düzeltmek için görünüyor. Bu özel durumda –

+1

'Yer', bileşen sağlayıcılarına yanlışlıkla eklenmiştir. – kemsky

+0

Teşekkürler, döndüm, bir Losyon sağlayıcısı var. Sorun düzeltildi. –

1

Değişim

<!-- polyfills for older browsers --> 
<script src="vendor/es5-shim/es5-shim.min.js"></script> 
<script src="vendor/es6-shim/es6-shim.min.js"></script> 
<script src="vendor/systemjs/dist/system-polyfills.js"></script> 
<script src="https://npmcdn.com/angular2/es6/dev/src/testing/shims_for_IE.js"></script> 
<script src="vendor/core-js/client/shim.min.js"></script> 

<!-- default --> 
<script src="vendor/zone.js/dist/zone.min.js"></script> 
<script src="vendor/reflect-metadata/Reflect.js"></script> 
<script src="vendor/systemjs/dist/system.src.js"></script> 

sorunu Bulundu

<script src="node_modules/core-js/client/shim.min.js"></script> 
<script src="node_modules/zone.js/dist/zone.js"></script> 
<script src="node_modules/reflect-metadata/Reflect.js"></script> 
<script src="node_modules/systemjs/dist/system.src.js"></script>