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
.
I needed to update the animations module:
npm install @angular/animations@latest --save