Problems with build --prod

osmaga · June 11, 2020, 3:07pm

Hello, I need help with my app when making a build --prod.

In the app I have created two modules, one for a home screen (login) and another module for the application itself.

Well when doing a build --prod, it gives me the following error:

error NG8001: 'ion-router-outlet' is not a known element

can anybody help me?

mhartington · June 12, 2020, 8:08pm

Typically this means you didn’t add the IonicModule declaration to an ngModule.

If you have a demo app to provide, that will help too.

osmaga · June 18, 2020, 8:53am

Thanks for the reply, I’m sorry I didn’t answer before …
I understand that you mean that you have to put in the two modules the directive

IonicModule.forRoot ()

in the imports array, right?
I thought that just using it in the main was enough …

mhartington · June 18, 2020, 1:21pm

No, it needs to be in both modules.
This is how angular expects modules to work.

See our starter projects here

github.com

ionic-team/starters/blob/f2774c8d4979821945f0250a50b867d184c44cc2/angular/official/list/src/app/message/message.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';

import { IonicModule } from '@ionic/angular';

import { MessageComponent } from './message.component';

@NgModule({
  imports: [ CommonModule, FormsModule, IonicModule, RouterModule],
  declarations: [MessageComponent],
  exports: [MessageComponent]
})
export class MessageComponentModule {}

and

github.com

ionic-team/starters/blob/f2774c8d4979821945f0250a50b867d184c44cc2/angular/official/list/src/app/home/home.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { IonicModule } from '@ionic/angular';
import { FormsModule } from '@angular/forms';

import { HomePage } from './home.page';
import { HomePageRoutingModule } from './home-routing.module';
import { MessageComponentModule } from '../message/message.module';

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    MessageComponentModule,
    HomePageRoutingModule
  ],
  declarations: [HomePage]
})
export class HomePageModule {}

Even though the root app.module has IonicModule.forRoot(), the 2 other modules also include a IonicModule statement as well

osmaga · June 19, 2020, 11:05am

AHA…

I tried to put the IonicModule line in the Dashboard module and I tried to build --prod and it works perfectly …

Thank you!

Topic		Replies	Views
Playing with Beta version Ionic Angular	2	550	December 7, 2021
Ionic v5 migration v7 (ion-x unknown element) Ionic Angular	1	536	July 20, 2023
Error on ionic elements only in --prod Ionic Angular	0	1367	August 16, 2020
Ionic build --prod error: Type ... in ... is part of the declarations of 2 modules: ionic-v3	29	29579	December 28, 2019
Creating a common header element for ionic app throws error in --prod build ionic-v3	2	1969	July 19, 2021

Problems with build --prod

Related topics