• ENTRAR
  • No hay productos en el carrito.

Error al correr la app con Redux

Viendo 15 publicaciones - del 1 al 15 (de un total de 24)
  • Autor
    Publicaciones
  • #3890

    Alejandro
    Participante

    despues del capitulo 55 donde se declaran las dependencias, al hacer npm start me da el siguiente error.

    
    localhost/:16 Error: TypeError: ctorParameters.map is not a function
    
    at ReflectionCapabilities.parameters (http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:2118:51)
    
    at Reflector.parameters (http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:2319:52)
    
     
    
    alguien sabe que podria ser?
    
     
    
    at CompileMetadataResolver.getDependenciesMetadata (http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14336:81)
    
    at CompileMetadataResolver.getTypeMetadata (http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14301:28)
    
    at CompileMetadataResolver.getNgModuleMetadata (http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14203:30)
    
    at eval (http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14124:52)
    
    at Array.forEach (native)
    
    at CompileMetadataResolver.getNgModuleMetadata (http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:14111:46)
    
    at RuntimeCompiler._compileComponents (http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:16803:49)
    
    at RuntimeCompiler._compileModuleAndComponents (http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:16741:39)
    
    Evaluating http://localhost:3000/app/main.js
    
    Error loading http://localhost:3000/app/main.js
    
    (anonymous) @ localhost/:16
    #3899

    Ricardo
    Participante

    haz un compare con el proyecto del profesor que está correcto y te saldrá la diferencia con el error

    #3903

    Alejandro
    Participante

    compile el del profesor para ver si iba y tampoco iba

    #3905

    Ricardo
    Participante

    a mi me funciona, por lo que borra la carpeta node-modules y haz npm install de nuevo.

    #3907

    Alejandro
    Participante

    Ya lo he hecho y sigue igual. Por lo que he leido puede ser problema de alguna actualizacion de alguna depebdencia

    #3918

    Cursosdesarrolloweb
    Jefe de claves

    Hola Alejandro,

    Cómo bien dice Ricardo, el ejemplo funciona perfectamente con las versiones que están disponibles en el curso, si coges el proyecto 58, ejecutas npm i && npm start todo funciona.

    En breve voy a revisar esta sección del curso de todas formas para tratar de actualizar a la última versión de redux, pero funcionar funciona perfectamente.

    Saludos.

    #3920

    Alejandro
    Participante

    Pues no entiendo que puede estar pasando porque he cogido la carpeta y he hecho npm install y start y no va. Tambien probé la app de todos y tampoco iba. Solo no me van las que tienen redux

    #3922

    Alejandro
    Participante

    cuando reinstalo ng2-redux me sale lo siguiente.

    npm install --save redux ng2-redux
    angular2-quickstart@1.0.0 /Users/sykes/Desktop/ionicApps/angular2/55ng2redux_counter_module
    ├── UNMET PEER DEPENDENCY @angular/core@2.0.0
    ├── ng2-redux@5.1.0
    └── redux@3.6.0
    
    npm WARN ng2-redux@5.1.0 requires a peer of @angular/core@^2.4.0 but none was installed.
    npm WARN angular2-quickstart@1.0.0 No description
    npm WARN angular2-quickstart@1.0.0 No repository field.
    MacBook-Pro-de-Alejandro:55ng2redux_counter_module sykes$
    MacBook-Pro-de-Alejandro:55ng2redux_counter_module sykes$
    

    no podria ser que lo de UMMET PEER DEPENDENCY @angular/core@2.0.0 sea el culpable?

    ya que cuando salta mi error viene de angular core

    #3924

    Alejandro
    Participante

    he cambiado la versio de angular a la 2.4.1 y ahora funciona

    #3926

    Cursosdesarrolloweb
    Jefe de claves

    Muchas gracias por la aclaración y la nota Alejandro.

    Saludos.

    #3936

    Cursosdesarrolloweb
    Jefe de claves

    Hola Alejandro,

    Después de poder probar un poco he visto los problemas, de momento lo podemos solucionar de forma sencilla.

    Si quieres actualizar las dependencias modifica el package.json y ejecuta npm update.

    
    {
      "name": "angular2-quickstart",
      "version": "1.0.0",
      "scripts": {
        "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
        "lite": "lite-server",
        "postinstall": "typings install",
        "tsc": "tsc",
        "tsc:w": "tsc -w",
        "typings": "typings"
      },
      "license": "ISC",
      "dependencies": {
        "@angular/common": "~2.0.0",
        "@angular/compiler": "~2.0.0",
        "@angular/core": "~2.0.0",
        "@angular/forms": "~2.0.0",
        "@angular/http": "~2.0.0",
        "@angular/platform-browser": "~2.0.0",
        "@angular/platform-browser-dynamic": "~2.0.0",
        "@angular/router": "~3.0.0",
        "@angular/upgrade": "~2.0.0",
        "angular2-in-memory-web-api": "~0.0.20",
        "bootstrap": "^3.3.6",
        "core-js": "^2.4.1",
        "ng2-redux": "~4.0.0-beta.3",
        "redux": "^3.5.0",
        "redux-logger": "~2.6.1",
        "redux-localstorage": "~0.4.0",
        "reflect-metadata": "^0.1.3",
        "rxjs": "~5.0.0-beta.12",
        "systemjs": "0.19.27",
        "zone.js": "~0.6.23"
      },
      "devDependencies": {
        "concurrently": "^2.2.0",
        "lite-server": "^2.2.2",
        "typescript": "^2.0.2",
        "typings": "~1.3.2"
      }
    }
    

    Temporalmente hasta que vea el problema te recomiendo deshabilitar las devtools, así que modifica el component app.component por lo siguiente.

    
    export class AppComponent {
        constructor(
            private ngRedux: NgRedux<IAppState>
        )
        {
            this.ngRedux.configureStore(
                rootReducer,
                {},
                [ createLogger() ],
                []
            );
        }
    }
    

    Finalmente, y todo depende de la versión de ng2-redux, modifica los imports.

    
    imports:      [ BrowserModule, NgReduxModule.forRoot(), FormsModule ],
    

    Con eso están trabajando todos los ejemplos de ng2-redux, el contador, la lista de todos y el buscador.

    Saludos.

    #4178

    Víctor
    Participante

    Buenas Israel,

     

    encontraste solución?

    PD: Cuando Alejandro dice de cambiar la versión, ¿se refiere a la versión de angular de package.json? No hay manera de solucionarlo.

     

    Gracias de antemano,

    Saludos!

    #4200

    Cursosdesarrolloweb
    Jefe de claves

    Hola Víctor,

    El problema radica en Redux, no en Angular 2, en el cambio de versiones se han hecho varias modificaciones, si no te funciona pon aquí tu package.json utilizando el botón code y lo reviso.

    He podido mirar con la última versión estable de Angular 2 y funciona sin problemas.

    PD: he cambiado la versión de angular a la 2.4.1 y ahora funciona.

    Quedo atento.

    Saludos.

    #4202

    Víctor
    Participante

    Perfecto, aquí lo adjunto:

    {
    "name": "angular2-quickstart",
    "version": "1.0.0",
    "scripts": {
    "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
    "lite": "lite-server",
    "postinstall": "typings install",
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "typings": "typings"
    },
    "license": "ISC",
    "dependencies": {
    "@angular/common": "2.0.0",
    "@angular/compiler": "2.0.0",
    "@angular/core": "2.0.0",
    "@angular/forms": "2.0.0",
    "@angular/http": "2.0.0",
    "@angular/platform-browser": "2.0.0",
    "@angular/platform-browser-dynamic": "2.0.0",
    "@angular/router": "3.0.0",
    "@angular/upgrade": "2.0.0",
    "core-js": "^2.4.1",
    "reflect-metadata": "^0.1.3",
    "rxjs": "5.0.0-beta.12",
    "systemjs": "0.19.27",
    "zone.js": "^0.6.23",
    "angular2-in-memory-web-api": "0.0.20",
    "bootstrap": "^3.3.6",
    "ng2-redux": "^4.0.0-beta.3",
    "redux": "^3.6.0",
    "redux-logger": "^2.6.1"
    },
    "devDependencies": {
    "concurrently": "^2.2.0",
    "lite-server": "^2.2.2",
    "typescript": "^2.0.2",
    "typings":"^1.3.2"
    }
    }
    #4204

    Cursosdesarrolloweb
    Jefe de claves

    Hola Víctor,

    ¿Has seguido las instrucciones que he añadido arriba?.

    ¿Has modificado los imports del archivo app.module.ts?.

    Si quieres utilizar la última versión probada de ng2redux en Angular 2 utiliza las siguientes dependencias en tu package.json.

    
     "dependencies": {
        "@angular/common": "^2.3.1",
        "@angular/compiler": "^2.3.1",
        "@angular/core": "^2.3.1",
        "@angular/forms": "^2.3.1",
        "@angular/http": "^2.3.1",
        "@angular/platform-browser": "^2.3.1",
        "@angular/platform-browser-dynamic": "^2.3.1",
        "@angular/router": "^3.3.1",
        "core-js": "^2.4.1",
        "ng2-redux": "^5.1.0",
        "redux": "^3.6.0",
        "redux-localstorage": "^0.4.1",
        "redux-logger": "^2.7.4",
        "rxjs": "^5.0.1",
        "tassign": "^1.0.0",
        "ts-helpers": "^1.1.1",
        "zone.js": "^0.7.2",
        "reflect-metadata": "^0.1.3",
        "systemjs": "0.19.40",
        "core-js": "^2.4.1"
      },
    

    Y los imports de tu app.module.ts que contenga el NgReduxModule.

    
    @NgModule({
        imports:      [ BrowserModule, NgReduxModule ],
        declarations: [ AppComponent, CounterComponent ],
        bootstrap:    [ AppComponent ],
        providers:    [ CounterActions ]
    })
    

    Probado y funcionando sin problemas.

    Saludos.

Viendo 15 publicaciones - del 1 al 15 (de un total de 24)

Debes estar registrado para responder a este debate.

Síguenos en las redes sociales para estar al tanto de los últimas novedades :)

Facebook
Facebook
Google+
Google+
https://www.cursosdesarrolloweb.es/forums/topic/error-al-correr-la-app-con-redux">
Pinterest
Pinterest
top
Cursosdesarrolloweb ©. Todos los derechos reservados.
🔓Inscríbete a cualquier curso por 9€ y accede a todos los cursos gratuitos para siempre🔓
🌍Los cursos gratuitos son exclusivos de esta plataforma, ÚLTIMOS CURSOS EN 4K🌍
+ +

Login

Create an Account Back to login/register