Module '"node_modules/@angular/animations/animations"' has no exported member 'AnimationBuilder'

Question

I just followed these instructions in an effort to get my app to get my app to load (it is hanging on the splash screen).

In short I did this:

npm install -g ionic@latest
npm install [email protected] --save
npm install @ionic/[email protected] --save-dev
npm install @angular/[email protected] --save
npm install @angular/[email protected] --save
npm install @angular/[email protected] --save
npm install @angular/[email protected] --save
npm install @angular/[email protected] --save
npm install @angular/[email protected] --save
npm install @angular/[email protected] --save
npm install @angular/[email protected] --save
npm install [email protected] --save
npm install [email protected] --save

Now when I run ionic package build ios I get these errors:

[14:21:32]  typescript: node_modules/@angular/platform-browser/animations/src/animation_builder.d.ts, line: 8 
            Module '"/Users/eamonwhite/ionicmane/myApp/node_modules/@angular/animations/animations"' has no exported 
            member 'AnimationBuilder'. 

       L7:      constructor(rootRenderer: RendererFactory2, doc: any);
       L8:      build(animation: AnimationMetadata | AnimationMetadata[]): AnimationFactory;

[14:21:32]  typescript: node_modules/@angular/platform-browser/animations/src/animation_builder.d.ts, line: 8 
            Module '"/Users/eamonwhite/ionicmane/myApp/node_modules/@angular/animations/animations"' has no exported 
            member 'AnimationFactory'. 

       L7:      constructor(rootRenderer: RendererFactory2, doc: any);
       L8:      build(animation: AnimationMetadata | AnimationMetadata[]): AnimationFactory;

[14:21:32]  typescript: node_modules/@angular/platform-browser/animations/src/animation_builder.d.ts, line: 8 
            Module '"/Users/eamonwhite/ionicmane/myApp/node_modules/@angular/animations/animations"' has no exported 
            member 'AnimationOptions'. 

       L7:      constructor(rootRenderer: RendererFactory2, doc: any);
       L8:      build(animation: AnimationMetadata | AnimationMetadata[]): AnimationFactory;

[14:21:32]  typescript: node_modules/@angular/platform-browser/animations/src/providers.d.ts, line: 5 
            Non-abstract class 'InjectableAnimationEngine' does not implement inherited abstract member 'flush' from 
            class 'AnimationEngine'. 

       L4:  import { AnimationRendererFactory } from './animation_renderer';
       L5:  export declare class InjectableAnimationEngine extends AnimationEngine {
       L6:      constructor(driver: AnimationDriver, normalizer: AnimationStyleNormalizer);

[14:21:32]  typescript: node_modules/@angular/platform-browser/animations/src/providers.d.ts, line: 5 
            Non-abstract class 'InjectableAnimationEngine' does not implement inherited abstract member 'listen' from 
            class 'AnimationEngine'. 

       L4:  import { AnimationRendererFactory } from './animation_renderer';
       L5:  export declare class InjectableAnimationEngine extends AnimationEngine {
       L6:      constructor(driver: AnimationDriver, normalizer: AnimationStyleNormalizer);

[14:21:32]  typescript: node_modules/@angular/platform-browser/animations/src/providers.d.ts, line: 5 
            Non-abstract class 'InjectableAnimationEngine' does not implement inherited abstract member 'onInsert' from 
            class 'AnimationEngine'. 

       L4:  import { AnimationRendererFactory } from './animation_renderer';
       L5:  export declare class InjectableAnimationEngine extends AnimationEngine {
       L6:      constructor(driver: AnimationDriver, normalizer: AnimationStyleNormalizer);

[14:21:32]  typescript: node_modules/@angular/platform-browser/animations/src/providers.d.ts, line: 5 
            Non-abstract class 'InjectableAnimationEngine' does not implement inherited abstract member 'onRemove' from 
            class 'AnimationEngine'. 

       L4:  import { AnimationRendererFactory } from './animation_renderer';
       L5:  export declare class InjectableAnimationEngine extends AnimationEngine {
       L6:      constructor(driver: AnimationDriver, normalizer: AnimationStyleNormalizer);

[14:21:32]  typescript: node_modules/@angular/platform-browser/animations/src/providers.d.ts, line: 5 
            Non-abstract class 'InjectableAnimationEngine' does not implement inherited abstract member 
            'registerTrigger' from class 'AnimationEngine'. 

       L4:  import { AnimationRendererFactory } from './animation_renderer';
       L5:  export declare class InjectableAnimationEngine extends AnimationEngine {
       L6:      constructor(driver: AnimationDriver, normalizer: AnimationStyleNormalizer);

[14:21:32]  typescript: node_modules/@angular/platform-browser/animations/src/providers.d.ts, line: 5 
            Non-abstract class 'InjectableAnimationEngine' does not implement inherited abstract member 'setProperty' 
            from class 'AnimationEngine'. 

       L4:  import { AnimationRendererFactory } from './animation_renderer';
       L5:  export declare class InjectableAnimationEngine extends AnimationEngine {
       L6:      constructor(driver: AnimationDriver, normalizer: AnimationStyleNormalizer);

Error: Failed to transpile program
    at new BuildError (/Users/eamonwhite/ionicmane/myApp/node_modules/@ionic/app-scripts/dist/util/errors.js:16:28)
    at /Users/eamonwhite/ionicmane/myApp/node_modules/@ionic/app-scripts/dist/transpile.js:159:20
    at transpileWorker (/Users/eamonwhite/ionicmane/myApp/node_modules/@ionic/app-scripts/dist/transpile.js:107:12)
    at Object.transpile (/Users/eamonwhite/ionicmane/myApp/node_modules/@ionic/app-scripts/dist/transpile.js:64:12)
    at /Users/eamonwhite/ionicmane/myApp/node_modules/@ionic/app-scripts/dist/build.js:106:82

I checked the folder and I think all of the things it isn't finding are there (in the d.ts files).

Any help would be great. I was doing this in an effort to get my app running, after the release of iOS 11 it started to get stuck loading on the splashscreen.

Answer 1

I needed to update the animations module:

npm install @angular/animations@latest --save