Join FlipAndroid.COM Telegram Group: https://t.me/joinchat/F_aqThGkhwcLzmI49vKAiw


"Excepción: Error durante la instancia de t! La toma primaria ya está registrada. "En la aplicación angular2 de Córdoba

Estoy construyendo una aplicación cordova simple con mi proyecto. Tiene 2 niveles de anidación (ruta principal) -> ruta del niño -> (otra ruta del niño). When trying to browse to the 2nd level (another child route) consigo un error el decir Exception: Error during instantiation of t! Primary outlet already registered. Exception: Error during instantiation of t! Primary outlet already registered. El primer nivel funciona bien. No he utilizado el enchufe del ranurador dos veces en ninguna plantilla. El problema es el mismo en la emulación de navegador, así como Android.

Adjuntar el cromo inspeccionar abajo.

Introduzca aquí la descripción de la imagen

Mi archivo HTML

 <html> <head> <base href="./"> <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *"> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> <link rel="stylesheet" type="text/css" href="css/index.css"> <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="assets/css/style.css" rel="stylesheet" type="text/css" /> <link href="assets/css/skins/skin-white.css" rel="stylesheet" type="text/css" /> <title>Hello World</title> </head> <body> <main-app> <div class="app"> <h1>Apache Cordova</h1> <div id="deviceready" class="blink"> <p class="event listening">Connecting to Device</p> </div> </div> </main-app> <head> <!-- 1. Load libraries --> <!-- IE required polyfills, in this exact order --> <script src="js/angulardeps/2.0.0-beta.9/shims_for_IE.js"></script> <script src="js/angulardeps/2.0.0-beta.9/es6-shim.min.js"></script> <script src="js/angulardeps/2.0.0-beta.9/system-polyfills.js"></script> <script src="js/angulardeps/2.0.0-beta.9/angular2-polyfills.js"></script> <script src="js/angulardeps/2.0.0-beta.9/system.js"></script> <script src="js/angulardeps/2.0.0-beta.9/Rx.js"></script> <script src="js/angulardeps/2.0.0-beta.9/angular2.dev.js"></script> <script src="js/angulardeps/2.0.0-beta.9/router.min.js"></script> <script src="js/angulardeps/2.0.0-beta.9/http.min.js"></script> <script src="assets/plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="assets/js/bootstrap.min.js" type="text/javascript"></script> <script type="text/javascript" src="cordova.js"></script> <script type="text/javascript" src="js/index.js"></script> </body> 

Mi estructura de origen de compilación: Introduzca aquí la descripción de la imagen

Mi componente principal:

 import {Component} from 'angular2/core'; import {ApproutesComponent} from '../app/approutes'; import {ROUTER_DIRECTIVES, ROUTER_PROVIDERS, RouteConfig} from 'angular2/router'; @RouteConfig([ {path: '/d/...', component: ApproutesComponent, name: 'ApproutesCmp', useAsDefault:true} ]) @Component({ selector: 'main-app', templateUrl: 'app/r/main/rmain.html', directives:[ROUTER_DIRECTIVES] }) export class RroutesComponent { constructor(){} } 

One Solution collect form web for “"Excepción: Error durante la instancia de t! La toma primaria ya está registrada. "En la aplicación angular2 de Córdoba”

Tuve el mismo problema con angular2 beta11, simplemente no usando cordova.

De acuerdo con un post aquí debe usar la versión no-minified de router.js . Suena extraño, pero funcionó para mí.

FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.