[V4-beta.7] ERROR: Can't find module interface

[copaste]

Bug Report

Ionic Info

Ionic:

   ionic (Ionic CLI)          : 4.1.1 (/usr/local/lib/node_modules/ionic)
   Ionic Framework            : @ionic/angular 4.0.0-beta.6
   @angular-devkit/core       : 0.7.5
   @angular-devkit/schematics : 0.7.5
   @angular/cli               : 6.1.5
   @ionic/ng-toolkit          : 1.0.7
   @ionic/schematics-angular  : 1.0.5

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : none
   Cordova Plugins       : no whitelisted plugins (0 plugins total)

System:

   Android SDK Tools : 26.1.1 (/home/ynikolov/Android/Sdk/)
   NodeJS            : v10.6.0 (/usr/local/bin/node)
   npm               : 6.1.0
   OS                : Linux 4.13

Describe the Bug
I can't build my application because of this error:

chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 695 bytes [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 5.22 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 98.3 kB [initial] [rendered]

ERROR in node_modules/@ionic/angular/dist/types/components/toast/toast-interface.d.ts(1,34): error TS2307: Cannot find module '../../interface'.

[ERROR] An error occurred while running subprocess ng.

Steps to Reproduce

1. update to ionic 4.0.0-beta.6 or higher
2. ionic cordova build android --release
3. ionic serve (you can see it also here, but some how after you change something in the code, application loads)

Expected Behavior
To be able to start my application without seeing any errors from Ionic core.

Additional Context
This error occurred after i upgrade my Ionic 4-beta.4 to beta.7

[Majed93]

I had this too, upgrading to typescript 2.9.2 seemed to fix my issue

[copaste]

I'm with Typescript 2.9.2

[brandyscarney]

Thanks for the issue! I'm not able to reproduce it by running any of the following commands on the conference app:

ionic serve
ionic build
ionic build --prod
ionic cordova build android --release
ionic build --prod --platform=android

Here is my ionic info for the conference app:

Ionic:

   ionic (Ionic CLI)          : 4.0.1 (/Users/brandyscarney/.nvm/versions/node/v8.9.1/lib/node_modules/ionic)
   Ionic Framework            : @ionic/angular 4.0.0-beta.7
   @angular-devkit/core       : 0.7.5
   @angular-devkit/schematics : 0.7.5
   @angular/cli               : 6.1.5
   @ionic/ng-toolkit          : 1.0.7
   @ionic/schematics-angular  : 1.0.5

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : android 6.1.0, ios 4.5.0

System:

   Android SDK Tools : 25.1.7
   NodeJS            : v8.9.1 (/Users/brandyscarney/.nvm/versions/node/v8.9.1/bin/node)
   npm               : 6.1.0
   OS                : macOS Sierra
   Xcode             : Xcode 9.2 Build version 9C40b

and the TS version:

$ npm ls typescript --depth=0
ionic-conference-app@0.0.0 /Users/brandyscarney/Documents/git/ionic-conference-app
└── typescript@2.9.2

Could you please provide an example repository that we can use to reproduce this?

[DBnR1]

I am unable to re-create it with a new app.

For now I'm just adding // @ts-ignore to the affected files such as ..\node_modules\@ionic\angular\dist\types\components\toast\toast-interface.d.ts and everything works.

[DBnR1]

I have been able to solve this issue.

The problem was my IDE auto-imported the AlertOptions and ToastOptions interfaces from @ionic/angular/dist/types/components rather than from @ionic/core.

Took me way too long to realize but it all works now. Not sure if the Ionic team can do anything about this.