Ionic => Runtime error: Cannot find module "."

Question

Error:

I am facing a problem when I run the code via ionic serve I get an error of Runtime error: Cannot find module "."

App.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { SplashScreen } from '@ionic-native/splash-screen';
import { StatusBar } from '@ionic-native/status-bar';

import { MyApp } from './app.component';
import { SigninPage } from '../pages/auth/signin/signin';
import { SignupPage } from '../pages/auth/signup/signup';
import { LandingPage } from '../pages/landing/landing';
import { AuthService } from '../services/auth.service';

@NgModule({
  declarations: [
    MyApp,
    SigninPage,
    SignupPage,
    LandingPage
  ],
imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp)
  ],
  providers: [
    StatusBar,
    SplashScreen,
    AuthService,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]

I haven't mention the entrycomponents and all the components contains the default code. AuthService is also empty

If I remove the AuthService form Providers in app.module file Code runs succesfully. But if I have to access the authService I must provide it in the Providers

This happens if something is not imported correctly. For example NavController has to be imported from ionic-angular, not ionic-angular/umd - that does vs code automatically. — Gregor Ojstersek
– Gregor Ojstersek, Commented Aug 17, 2018 at 19:40
the problem is only in the app.module.ts file or in other file @ Gregor Ojstersek — Siddharth Thakor
– Siddharth Thakor, Commented Aug 17, 2018 at 19:42
Can you share the code in app.module file? And maybe one other random component? — Gregor Ojstersek
– Gregor Ojstersek, Commented Aug 17, 2018 at 19:50
Check the imports in all your ts files including AuthService — Suraj Rao
– Suraj Rao, Commented Aug 18, 2018 at 9:46

ZearaeZ · Accepted Answer · 2018-08-20 11:11:42Z

1

IonicPageModule is missing from your project.

In your app.module.ts include

import { IonicPageModule } from 'ionic-angular';

And your import should looks like this:

imports: [
    BrowserModule,
    IonicPageModule.forChild(HomePage)
    IonicModule.forRoot(MyApp)
  ],

after that run npm run-script build

NOTE: IonicPageModule is an NgModule that bootstraps a child IonicPage in order to set up routing.

answered Aug 20, 2018 at 11:11

ZearaeZ

9059 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ZearaeZ Over a year ago

Happy coding :)

Collectives™ on Stack Overflow

Ionic => Runtime error: Cannot find module "."

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related