Erro Lazy Loading

Fala ai Enzo, tudo bem? Falando assim é bem complicado sem ver a estrutura do projeto, os códigos completos e simulando o problema.

Pelo erro que tu mandou, parece que não existe uma pasta admin com o arquivo admin.module.ts dentro da pasta onde encontra-se a definição da sua rota, talvez faltou tu sair para a pasta anterior ../ ou algo do tipo.

Espero ter ajudado.

Putz, imagino. Sem simular fica difícil pra alguém ajudar mesmo.

Pior que eu conferi 30x e não é o caminho. O caminho está correto.

Eu tentei ver algumas soluções no stackoverflow mas nenhuma deu certo. Eu postei lá tb mas creio que deve ser difícil alguém ajudar sem colocar a mão no projeto.

Uma orientação que me deram foi fazer o lazy loading na forma mais atual:

        path: 'admin',
        loadChildren: () => import('./admin/admin.module').then(, => m.AdminModule),

O problema é que esse modo suporta apenas o Angular 8 e no meu caso eu tenho o Angular 7.

Eu tomei coragem e tentei atualizar pois li que teriam poucas coisas a ajustar. E realmente deu certo fazendo com o lazy loading desse jeito. Mas em compensação um monte de coisa começou a quebrar, kk! Porque sempre precisa atualizar todas as libs e várias funções deixam de existir e precisam ser ajustas na mão né ?

Uma coisa que até deve ser simples mas eu estou quebrando a cabeça é que em uma das classes eu estava importando o Renderer. Mas no angular 8 parou de compilar e agora tenho que colocar o Renderer2.

Antes estava assim:

//imports

export class CardDirective implements OnInit {

    private nativeElement: Node;
    private loaderElement: Node;

    constructor(private renderer: Renderer, private element: ElementRef) {
        this.nativeElement = element.nativeElement;
    }

    ngOnInit() {
        if (this.loader) {
            this.initLoader();
        }

    showLoading() {
        const divElement = this.renderer.createElement(this.nativeElement, 'div');
        this.renderer.setElementClass(divElement, 'card-loading', true);
        this.renderer.setElementStyle(divElement, 'display', 'block');
        this.loaderElement = divElement;
        const nextElem = this.element.nativeElement.nextElementSibling;
        const parent = this.element.nativeElement.parentNode;

// restante da classe

O método setElementClass virou AddClass com apenas 2 parâmetros. E o setElementStyle virou setStyle. Até ai ok. O problema é o creatElement que pelo visto tem o mesmo nome mas no rendered2 ele não aceita mais fazer dessa forma e eu to quebrando um pouco a cabeça pra entender como deveria ficar.

Fala Enzo, fico feliz que o lazy loading tenha dado certo e é como tu mesmo falou, sem a gente ver o problema e analisá-lo com calma é bem complicado (tanto aqui quanto no Stackoverflow).

Sobre utilizar o novo formato de importação através de dynamic import é muito bom, recomendo também, o Angular tinha alguns problemas antigamente (o que pode ser o seu caso).

Referente a atualização da versão, isso é bem chato de fazer kkkk normalmente como tu mesmo disse e está passando, várias coisas quebra e precisam ser ajustadas também.

Como tu fez a atualização? Tem um comando no Angular que pode lhe ajudar, acho que é ng update e também temo guias de atualização na própria documentação do Angular.

Espero ter ajudado.

Boa, acho que eu consegui ajustar algumas cosias. Essa atualização do renderer para o renderer2 que eu acho que estou errando em algum lugar.

A única documentação que achei para atualizar foi a https://angular.io/guide/migration-renderer mas para mim está confuso...

Você olhando o código vê algum erro grosso no segundo modo ou não tem como saber só de ver ??

Antes (com renderer)

//imports

export class CardDirective implements OnInit {

    private nativeElement: Node;
    private loaderElement: Node;

    constructor(private renderer: Renderer, private element: ElementRef) {
        this.nativeElement = element.nativeElement;
    }

    ngOnInit() {
        if (this.loader) {
            this.initLoader();
        }

    showLoading() {
        const divElement = this.renderer.createElement(this.nativeElement, 'div');
        this.renderer.setElementClass(divElement, 'card-loading', true);
        this.renderer.setElementStyle(divElement, 'display', 'block');
        this.loaderElement = divElement;
        const nextElem = this.element.nativeElement.nextElementSibling;
        const parent = this.element.nativeElement.parentNode;
        parent.insertBefore(divElement, nextElem);

// restante da classe

Depois com renderer2

import { OnInit, Directive, Input, Renderer2, ElementRef } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { Response } from '@angular/http';
import { Loader } from './loader';

@Directive({
    selector: '[asCardLoader]'
})
export class CardLoaderDirective implements OnInit {

    private nativeElement: Node;
    private loaderElement: Node;

    @Input()
    private loader: Loader;

    constructor(private renderer: Renderer2, private element: ElementRef) {
        this.nativeElement = element.nativeElement;
    }

    ngOnInit() {
        if (this.loader) {
            this.initLoader();
        }
    }

    tryAgain() {
        document.getElementsByClassName('try-again').item(0).remove();
        this.ngOnInit();
    }

    showLoading() {
        const divElement = this.renderer.createElement('div');
        this.renderer.appendChild(this.nativeElement, divElement);
        this.renderer.addClass(divElement, 'card-loading');
        this.renderer.setStyle(divElement, 'display', 'block');
        this.loaderElement = divElement;
        const nextElem = this.element.nativeElement.nextElementSibling;
        const parent = this.element.nativeElement.parentNode;

        parent.insertBefore(divElement, nextElem);
    }

Fala Enzo, olhando os códigos eu não vejo nada errado, claro que posso estar deixando passar alguns detalhes e ajustes, mas, me parece bom.

Espero ter ajudado.