@Natanael4354 wrote:
I have the latest version of Ionic 4 and Angular Node 10.x installed in my machine. I need to run an old Ionic 3 app.
But when I run ‘ionic serve -c’ I get this errors:
[WARN] Detected locally installed Ionic CLI, but it's too old--using global CLI. > ionic-app-scripts serve --address 0.0.0.0 --port 8100 --livereload-port 35729 --dev-logger-port 53703 --consolelogs --nobrowser [app-scripts] [16:12:01] ionic-app-scripts 1.3.7 [app-scripts] [16:12:01] watch started ... [app-scripts] [16:12:01] build dev started ... [app-scripts] [16:12:01] clean started ... [app-scripts] [16:12:01] clean finished in 7 ms [app-scripts] [16:12:01] copy started ... [app-scripts] [16:12:01] transpile started ... [app-scripts] [16:12:11] typescript: ...s/MyProject/Frontend/node_modules/@angular/compiler/src/aot/static_reflector.d.ts, line: 8 [app-scripts] Module '"C:/Projetos/MyProject/Frontend/node_modules/@angular/core/core"' has no exported member [app-scripts] 'ɵReflectorReader'. [app-scripts] L7: * templates statically. [app-scripts] L9: export declare class StaticReflector implements ɵReflectorReader { [app-scripts] Module '"C:/Projetos/MyProject/Frontend/node_modules/@angular/core/core"' has no exported member [app-scripts] 'ɵLifecycleHooks'. [app-scripts] L8: export declare abstract class CompileAnimationStateMetadata { [app-scripts] Module '"C:/Projetos/MyProject/Frontend/node_modules/@angular/core/core"' has no exported member [app-scripts] 'ɵReflectorReader'. [app-scripts] L7: * Return {@link Directive} for a given `Type`. [app-scripts] L9: resolve(type: Type<any>): Directive; [app-scripts] Module '"C:/Projetos/MyProject/Frontend/node_modules/@angular/core/core"' has no exported member [app-scripts] 'ɵReflectorReader'. [app-scripts] L7: import { NgModuleResolver } from './ng_module_resolver'; [app-scripts] L8: import { PipeResolver } from './pipe_resolver'; [app-scripts] L9: import { ElementSchemaRegistry } from './schema/element_schema_registry'; [app-scripts] Module '"C:/Projetos/MyProject/Frontend/node_modules/@angular/core/core"' has no exported member [app-scripts] 'ɵReflectorReader'. [app-scripts] L7: constructor(_reflector?: ɵReflectorReader); [app-scripts] L8: isNgModule(type: any): boolean; [app-scripts] L9: resolve(type: Type<any>, throwIfNotFound?: boolean): NgModule | null; [app-scripts] Module '"C:/Projetos/MyProject/Frontend/node_modules/@angular/core/core"' has no exported member [app-scripts] 'ɵReflectorReader'. [app-scripts] L7: * See {@link Compiler} [app-scripts] L9: export declare class PipeResolver { [app-scripts] [16:12:11] typescript: ...jetos/MyProject/Frontend/node_modules/@angular/compiler/src/compile_metadata.d.ts, line: 8 [app-scripts] [16:12:11] typescript: ...tos/MyProject/Frontend/node_modules/@angular/compiler/src/directive_resolver.d.ts, line: 8 [app-scripts] [16:12:11] typescript: ...etos/MyProject/Frontend/node_modules/@angular/compiler/src/metadata_resolver.d.ts, line: 8 [app-scripts] [16:12:11] typescript: ...tos/MyProject/Frontend/node_modules/@angular/compiler/src/ng_module_resolver.d.ts, line: 8 [app-scripts] [16:12:11] typescript: ...Projetos/MyProject/Frontend/node_modules/@angular/compiler/src/pipe_resolver.d.ts, line: 8 [app-scripts] [16:12:11] typescript: ...w/Frontend/node_modules/@angular/compiler/src/template_parser/template_ast.d.ts, line: 8 [app-scripts] [16:12:11] typescript: ...end/node_modules/@angular/platform-browser/animations/src/animation_renderer.d.ts, line: 7 [app-scripts] [16:12:11] typescript: ...st/node_modules/@angular/platform-browser/animations/src/animation_renderer.d.ts, line: 17 [app-scripts] [16:12:11] typescript: ...w/Frontend/node_modules/@angular/platform-browser/animations/src/providers.d.ts, line: 13 [app-scripts] [16:12:11] typescript: ...w/Frontend/node_modules/@angular/platform-browser/animations/src/providers.d.ts, line: 13 [app-scripts] [16:12:11] typescript: ...w/Frontend/node_modules/@angular/platform-browser/animations/src/providers.d.ts, line: 15 [app-scripts] [16:12:11] typescript: ...w/Frontend/node_modules/@angular/platform-browser/animations/src/providers.d.ts, line: 16 [app-scripts] [16:12:11] typescript: ...w/Frontend/node_modules/@angular/platform-browser/animations/src/providers.d.ts, line: 17 [app-scripts] [16:12:11] typescript: ...ect/Frontend/node_modules/ionic-angular/umd/navigation/nav-controller-base.d.ts, line: 59 [app-scripts] [16:12:11] typescript: ...rojetos/MyProject/Frontend/node_modules/rxjs/observable/dom/WebSocketSubject.d.ts, line: 73 [app-scripts] [16:12:11] typescript: C:/Projetos/MyProject/Frontend/node_modules/rxjs/Subject.d.ts, line: 24 [app-scripts] [16:12:11] typescript: C:/Projetos/MyProject/Frontend/src/directives/e-chart/e-chart.ts, line: 42 [app-scripts] Module '"C:/Projetos/MyProject/Frontend/node_modules/@angular/core/core"' has no exported member [app-scripts] 'ɵLifecycleHooks'. [app-scripts] L8: export interface TemplateAst { [app-scripts] Cannot use namespace 'AnimationEngine' as a type. [app-scripts] L6: private _zone; [app-scripts] L7: constructor(delegate: RendererFactory2, _engine: AnimationEngine, _zone: NgZone); [app-scripts] L8: createRenderer(hostElement: any, type: RendererType2): Renderer2; [app-scripts] Cannot use namespace 'AnimationEngine' as a type. [app-scripts] L16: private _flushPromise; [app-scripts] L17: constructor(delegate: Renderer2, _engine: AnimationEngine, _zone: NgZone, _namespaceId: string); [app-scripts] L18: readonly data: { [app-scripts] Cannot use namespace 'AnimationDriver' as a type. [app-scripts] L12: * Separate providers from the actual module so that we can do a local modification in Google3 to [app-scripts] L13: * include them in the BrowserModule. [app-scripts] Cannot use namespace 'AnimationStyleNormalizer' as a type. [app-scripts] L12: * Separate providers from the actual module so that we can do a local modification in Google3 to [app-scripts] L13: * include them in the BrowserModule. [app-scripts] Cannot use namespace 'NoopAnimationDriver' as a type. [app-scripts] L15: export declare const BROWSER_ANIMATIONS_PROVIDERS: Provider[]; [app-scripts] Cannot use namespace 'WebAnimationsStyleNormalizer' as a type. [app-scripts] L15: export declare const BROWSER_ANIMATIONS_PROVIDERS: Provider[]; [app-scripts] L17: * Separate providers from the actual module so that we can do a local modification in Google3 to [app-scripts] Cannot use namespace 'AnimationEngine' as a type. [app-scripts] L17: * Separate providers from the actual module so that we can do a local modification in Google3 to [app-scripts] L18: * include them in the BrowserTestingModule. [app-scripts] Property 'popTo' in type 'NavControllerBase' is not assignable to the same property in base type [app-scripts] 'NavController'. Type '(indexOrViewCtrl: any, opts?: NavOptions, done?: () => void) => Promise<any>' is not [app-scripts] assignable to type '(page: string | ViewController | Page, params?: any, opts?: NavOptions, done?: Function) [app-scripts] => Promi...'. Types of parameters 'done' and 'opts' are incompatible. Type 'NavOptions' is not assignable to [app-scripts] type '() => void'. Type 'NavOptions' provides no match for the signature '(): void'. [app-scripts] L58: pop(opts?: NavOptions, done?: () => void): Promise<any>; [app-scripts] L59: popTo(indexOrViewCtrl: any, opts?: NavOptions, done?: () => void): Promise<any>; [app-scripts] L60: popToRoot(opts?: NavOptions, done?: () => void): Promise<any>; [app-scripts] Property 'lift' in type 'WebSocketSubject<T>' is not assignable to the same property in base type [app-scripts] 'AnonymousSubject<T>'. Type '<R>(operator: Operator<T, R>) => WebSocketSubject<R>' is not assignable to type [app-scripts] '<R>(operator: Operator<T, R>) => Observable<T>'. Type 'WebSocketSubject<R>' is not assignable to type [app-scripts] 'Observable<T>'. Types of property 'operator' are incompatible. Type 'Operator<any, R>' is not assignable to [app-scripts] type 'Operator<any, T>'. Type 'R' is not assignable to type 'T'. [app-scripts] L72: constructor(urlConfigOrSource: string | WebSocketSubjectConfig | Observable<T>, destination?: Observer<T>); [app-scripts] L73: lift<R>(operator: Operator<T, R>): WebSocketSubject<R>; [app-scripts] L74: private _resetState(); [app-scripts] Property 'lift' in type 'Subject<T>' is not assignable to the same property in base type 'Observable<T>'. [app-scripts] Type '<R>(operator: Operator<T, R>) => Observable<T>' is not assignable to type '<R>(operator: Operator<T, [app-scripts] R>) => Observable<R>'. Type 'Observable<T>' is not assignable to type 'Observable<R>'. Type 'T' is not [app-scripts] assignable to type 'R'. [app-scripts] L23: static create: Function; [app-scripts] L24: lift<R>(operator: Operator<T, R>): Observable<T>; [app-scripts] L25: next(value?: T): void; [app-scripts] The 'this' context of type 'Subject<string>' is not assignable to method's 'this' of type [app-scripts] 'Observable<string>'. Types of property 'lift' are incompatible. Type '<R>(operator: Operator<string, R>) => [app-scripts] Observable<string>' is not assignable to type '<R>(operator: Operator<string, R>) => Observable<R>'. Type [app-scripts] 'Observable<string>' is not assignable to type 'Observable<R>'. Type 'string' is not assignable to type 'R'. [app-scripts] L41: this.onResize = this.reSize$ [app-scripts] L42: .distinctUntilChanged() [app-scripts] L43: .subscribe((_) => this.chart.resize());Project’s package.json:
{ "name": "MyProject", "author": "My Company", "homepage": "http://www.google.com", "private": true, "config": {}, "scripts": { "clean": "ionic-app-scripts clean", "build": "ionic-app-scripts build", "ionic:build": "ionic-app-scripts build", "ionic:serve": "ionic-app-scripts serve", "compodoc": "./node_modules/.bin/compodoc -p src/tsconfig.json", "test": "karma start ./test-config/karma.conf.js", "test-ci": "karma start ./test-config/karma.conf.js --single-run", "e2e": "npm run e2e-update && npm run e2e-test", "e2e-test": "protractor ./test-config/protractor.conf.js", "e2e-update": "webdriver-manager update --standalone false --gecko false" }, "dependencies": { "@angular/common": "4.1.2", "@angular/compiler": "4.1.2", "@angular/compiler-cli": "4.1.2", "@angular/core": "^4.1.2", "@angular/forms": "4.1.2", "@angular/http": "4.1.2", "@angular/platform-browser": "4.1.2", "@angular/platform-browser-dynamic": "4.1.2", "@ionic-native/core": "3.10.2", "@ionic-native/splash-screen": "3.10.2", "@ionic-native/status-bar": "3.10.2", "@ionic/storage": "2.0.1", "@types/async": "^2.0.40", "@types/crypto-js": "^3.1.33", "@types/downloadjs": "^1.4.0", "angular2-virtual-scroll": "^0.1.5", "async": "^2.3.0", "crypto-js": "^3.1.9-1", "d3": "3.5.17", "downloadjs": "^1.4.7", "echarts": "^3.6.1", "file-saver": "^1.3.3", "install": "^0.10.1", "ionic-angular": "3.3.0", "ionicons": "3.0.0", "ng2-google-charts": "^2.4.0", "npm": "^5.0.3", "rxjs": "5.1.1", "sw-toolbox": "3.6.0", "zone.js": "0.8.11", "cordova-browser": "~4.1.0", "cordova-plugin-console": "1.0.5", "cordova-plugin-device": "1.1.4", "cordova-plugin-splashscreen": "~4.0.1", "cordova-plugin-statusbar": "2.2.1", "cordova-plugin-whitelist": "1.3.1", "ionic-plugin-keyboard": "~2.2.1" }, "devDependencies": { "@ionic/app-scripts": "1.3.7", "@ionic/cli-plugin-cordova": "1.3.0", "@ionic/cli-plugin-ionic-angular": "1.3.0", "@types/c3": "^0.4.41", "@types/echarts": "0.0.6", "@types/jasmine": "^2.5.53", "@types/node": "^8.0.19", "angular2-template-loader": "^0.6.2", "c3": "^0.4.11", "html-loader": "^0.5.0", "ionic": "^3.6.0", "jasmine": "^2.7.0", "jasmine-spec-reporter": "^4.1.1", "karma": "^1.7.0", "karma-chrome-launcher": "^2.2.0", "karma-jasmine": "^1.1.0", "karma-jasmine-html-reporter": "^0.2.2", "karma-sourcemap-loader": "^0.3.7", "karma-webpack": "^2.0.4", "null-loader": "^0.1.1", "protractor": "^5.1.2", "ts-loader": "^2.3.2", "ts-node": "^3.3.0", "typescript": "^2.3.0" }, "cordovaPlugins": [ "cordova-plugin-whitelist", "cordova-plugin-console", "cordova-plugin-device", "cordova-plugin-statusbar", "cordova-plugin-splashscreen", "ionic-plugin-keyboard" ], "cordovaPlatforms": [], "description": "My project's description", "cordova": { "platforms": [ "browser" ], "plugins": { "cordova-plugin-console": {}, "cordova-plugin-device": {}, "cordova-plugin-splashscreen": {}, "cordova-plugin-statusbar": {}, "cordova-plugin-whitelist": {}, "ionic-plugin-keyboard": {} } }How can I run my old Ionic 3 app?
Posts: 1
Participants: 1