Skip to content

Dependency issue? Subsequent variable declarations must have the same type. #3541

@saibotsivad

Description

@saibotsivad

Description:

After following the "Getting Started" guide for setting up my first app with the sidemenu template, I get a typescript error:

[app-scripts] [17:50:26] typescript: node_modules/@types/node/index.d.ts, line: 80 [app-scripts] Subsequent variable declarations must have the same type. Variable 'process' must be of type '{ env: { [key: [app-scripts] string]: string; }; }', but here has type 'Process'. [app-scripts] L79: interface NodeRequire extends NodeRequireFunction { [app-scripts] L80: resolve(id: string): string; [app-scripts] L81: cache: any; 

Steps to Reproduce:

Following the steps as listed in the CLI getting started section, except using npx:

npx ionic start myApp sidemenu cd myApp npm install --save-dev ionic 

I then edit the package.json to add a run script:

"serve": "ionic serve -c" 

Output:

The following logs are produced:

> ionic-app-scripts serve --address 0.0.0.0 --port 8100 --livereload-port 35729 --dev-logger-port 53703 --nobrowser [app-scripts] [17:50:19] ionic-app-scripts 3.2.0 [app-scripts] [17:50:19] watch started ... [app-scripts] [17:50:19] build dev started ... [app-scripts] [17:50:19] clean started ... [app-scripts] [17:50:19] clean finished in 1 ms [app-scripts] [17:50:19] copy started ... [app-scripts] [17:50:19] deeplinks started ... [app-scripts] [17:50:19] deeplinks finished in 43 ms [app-scripts] [17:50:19] transpile started ... [app-scripts] [17:50:26] typescript: node_modules/@types/node/index.d.ts, line: 80 [app-scripts] Subsequent variable declarations must have the same type. Variable 'process' must be of type '{ env: { [key: [app-scripts] string]: string; }; }', but here has type 'Process'. [app-scripts] L79: interface NodeRequire extends NodeRequireFunction { [app-scripts] L80: resolve(id: string): string; [app-scripts] L81: cache: any; [INFO] Development server running! # snip # 

My ionic info:

Ionic: ionic (Ionic CLI) : 4.1.1 Ionic Framework : ionic-angular 3.9.2 @ionic/app-scripts : 3.2.0 Cordova: cordova (Cordova CLI) : not installed Cordova Platforms : not available Cordova Plugins : not available System: NodeJS : v8.1.2 (/Users/saibotsivad/.nvm/versions/node/v8.1.2/bin/node) npm : 6.4.0 OS : macOS High Sierra 

Other Information:

I am not yet familier with TypeScript, so I went digging and found that @types/node is at 10.9.1 but then npm ls @types/node shows what's being used in the ionic project is 6.0.116, which seems really old.

I couldn't quite track down the dependency tree to see where those would get updated, so maybe this outdated dependency is a documented issue already?

Still, having the "Getting Started" demo app break is probably not great 😆

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions