Solucionado (ver solução)
Solucionado
(ver solução)
7
respostas

Maximum call stack size exceeded

Bom dia.

A minha execução apresenta o mesmo erro que Henrique Weiand, porém eu não consigo identificar onde está o erro Maximum call stack size exceeded.

main.ts:

import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
import {AppModule} from './app.module';

const platform = platformBrowserDynamic();
platform.bootstrapModule(AppModule);

app.module.ts:

import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {AppComponent} from './app.component';

@NgModule({imports: [BrowserModule], declarations: [AppComponent], bootstrap: [AppComponent]})
export class AppModule {}

app.component.ts:

import { Component } from '@angular/core';

@Component({selector: 'app', templateUrl: 'app.component.html'})
export class AppComponent {

}

html relevante:

<script src="systemjs.config.js"></script>
<script>
    System.import('app').catch(function(err){ console.error(err); });
</script>
<body>
    <app>Carregando...</app>
</body>
7 respostas

Oi Gustavo, o erro diz apenas isso? não aponta arquivo muito menos linha onde aconteceu? tenta achar a stacktrace do erro e mandar pra gente aqui por favor?

Oi Wanderson.

Pelo que tinha visto quarta feira, o console acusava erro no System.import('app').catch(function(err){ console.error(err); }); do html.

Segue a stack completa:

zone.js:344 Unhandled Promise rejection: Error in app.component.html:23:13 caused by: Maximum call stack size exceeded ; Zone: <root> ; Task: Promise.then ; Value: 
Error: Uncaught (in promise): Error: Error in app.component.html:23:13 caused by: Maximum call stack size exceeded
    at resolvePromise (zone.js:418)

Eu não havia notado que apontava para o html do AppComponent, aqui está:

<div>
    <h1 class="text-center">Alurapic App-Component</h1>
</div>

Pode ser algo no arquivo .js?

Com certeza deve ser algo no .js ou .ts Gustavo, tem como você disponibilizar o projeto no github pra que eu teste rapidinho aqui e tente descobrir o problema?

Não sou um especialista angular, mas posso tentar. :)

Feito, wanderson.

Segue link.

Obs: Obrigado pela ajuda e pela disposição, rs.

solução!

Bom dia Gustavo!

Aparentemente você subiu apenas o server da aplicação, não tendo como a gente avaliar por completo. Enfim, passei pelo mesmo erro que você ontem e no meu caso era a propriedade "templateUrl" que estava com o caminho errado para o template html.

Verifique se na propriedado o caminho é:

templateUrl: './app/app.component.html'

Depois de corrigir o caminho a imagem carregou sem problemas.

Agradeço, João. Foi isso. Me escapou a necessidade de apontar a pasta raiz e apontar para toda a estrutura até o arquivo, achei que usando só app.component.html funcionaria relativamente ao local do .ts.

Opa, que bom que foi resolvido Gustavo, vou fazer esse curso depois pra ficar fera também! Obrigado João pela Força!