Module not found: Error: Can't resolve 'promise-polyfill'

[gigocabrera]

Short description of the problem:

I'm seeing a weird behavior. When I run ionic serve my app builds and runs as expected. No issues. HOWEVER, when I run ionic upload to test the app in ionic view I get the error message below.

I KNOW it's a firebase error BUT why does it work fine using ionic serve and not with ionic upload?

What behavior are you expecting?

If running ionic serve works without any errors, I expect ionic upload to work as well.

Steps to reproduce:

Not sure how to reproduce this issue. Best if you visit my repo

1. CajaFuerte

Running app-scripts build:

[20:57:28]  build dev started ...
[20:57:29]  clean started ...
[20:57:29]  clean finished in 7 ms
[20:57:29]  copy started ...
[20:57:29]  transpile started ...
[20:57:32]  transpile finished in 3.52 s
[20:57:32]  preprocess started ...
[20:57:32]  deeplinks started ...
[20:57:32]  deeplinks finished in 89 ms
[20:57:32]  preprocess finished in 91 ms
[20:57:32]  webpack started ...
[20:57:32]  copy finished in 3.86 s
Error: ./~/firebase/app/shared_promise.js
Module not found: Error: Can't resolve 'promise-polyfill' in 'C:\ionic\CajaFuerte-app\node_modules\firebase\app'
resolve 'promise-polyfill' in 'C:\ionic\CajaFuerte-app\node_modules\firebase\app'
  Parsed request is a module
  using description file: C:\ionic\CajaFuerte-app\node_modules\firebase\package.json (relative path: ./app)
    Field 'browser' doesn't contain a valid alias configuration
  after using description file: C:\ionic\CajaFuerte-app\node_modules\firebase\package.json (relative path: ./app)
    resolve as module
      looking for modules in C:\ionic\CajaFuerte-app\node_modules
        using description file: C:\ionic\CajaFuerte-app\package.json (relative path: ./node_modules)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\ionic\CajaFuerte-app\package.json (relative path: ./node_modules)
          using description file: C:\ionic\CajaFuerte-app\package.json (relative path: ./node_modules/promise-polyfill)
            as directory
              C:\ionic\CajaFuerte-app\node_modules\promise-polyfill doesn't exist
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\ionic\CajaFuerte-app\node_modules\promise-polyfill doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\ionic\CajaFuerte-app\node_modules\promise-polyfill.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\ionic\CajaFuerte-app\node_modules\promise-polyfill.js doesn't exist
            .json
              Field 'browser' doesn't contain a valid alias configuration
              C:\ionic\CajaFuerte-app\node_modules\promise-polyfill.json doesn't exist
[C:\ionic\CajaFuerte-app\node_modules\promise-polyfill]
[C:\ionic\CajaFuerte-app\node_modules\promise-polyfill]
[C:\ionic\CajaFuerte-app\node_modules\promise-polyfill.ts]
[C:\ionic\CajaFuerte-app\node_modules\promise-polyfill.js]
[C:\ionic\CajaFuerte-app\node_modules\promise-polyfill.json]
 @ ./~/firebase/app/shared_promise.js 37:35-62
 @ ./~/firebase/app/firebase_app.js
 @ ./~/firebase/app.js
 @ ./~/firebase/firebase-browser.js
 @ ./src/providers/auth-service.ts
 @ ./src/app/app.module.ts
 @ ./src/app/main.ts

Which @ionic/app-scripts version are you using?

PS C:\ionic\CajaFuerte-app> ionic info

global packages:

    @ionic/cli-utils : 1.1.2
    Cordova CLI      : 6.5.0
    Ionic CLI        : 3.1.2

local packages:

    @ionic/app-scripts              : 1.3.7
    @ionic/cli-plugin-cordova       : 1.1.2
    @ionic/cli-plugin-ionic-angular : 1.1.2
    Ionic Framework                 : ionic-angular 3.2.1

System:

    Node       : v7.9.0
    OS         : Windows 10
    Xcode      : not installed
    ios-deploy : not installed
    ios-sim    : not installed

[mcorrigan]

Had the same issue, this solved it:

npm install promise-polyfill --save-exact

Source: http://stackoverflow.com/questions/43428415/error-in-firebase-app-shared-promise-js

[gigocabrera]

@mcorrigan that did it. Thank you very much!!!

[percipio]

Woot! This worked for me also.

[joladubu]

working ... working .... worked for me!!!... gracias @mcorrigan

[HommyDeJ]

Hello I did that and now I'm having another problem.

ionic cordova run android
Running app-scripts build: --address 0.0.0.0 --port 8100 --p 8100 --livereload-port 35729 --r 35729 --iscordovaserve --
externalIpRequired --nobrowser

[16:01:36] build dev started ...
[16:01:36] clean started ...
[16:01:36] clean finished in 3 ms
[16:01:36] copy started ...
[16:01:36] transpile started ...
[16:01:41] transpile finished in 5.00 s
[16:01:41] preprocess started ...
[16:01:41] deeplinks started ...
[16:01:42] deeplinks finished in 23 ms
W
[16:01:42] preprocess finished in 25 ms
[16:01:42] webpack started ...
[16:01:42] copy finished in 5.31 s
[16:02:06] webpack finished in 24.50 s
[16:02:06] sass started ...
[16:02:09] sass finished in 2.55 s
[16:02:09] postprocess started ...
[16:02:09] postprocess finished in 10 ms
[16:02:09] lint started ...
[16:02:09] build dev finished in 32.22 s

cordova run android
Error: Failed to find 'ANDROID_HOME' environment variable. Try setting setting it manually.
Failed to find 'android' command in your 'PATH'. Try update your 'PATH' to include path to valid SDK directory.

[ERROR] Cordova encountered an error.
You may get more insight by running the Cordova command above directly.

[ERROR] An error occurred while running cordova run android (exit code 1).

hommydejesus@Hommy-PC:~/DenunciasApp$ (node:12726) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejec
tion id: 1): Error [ERR_IPC_CHANNEL_CLOSED]: channel closed
(node:12726) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejectio
ns that are not handled will terminate the Node.js process with a non-zero exit code.

[fayeyen]

thanks @mcorrigan

[MykalMachon]

@HommyDeJ I got this same error. Do you have the android development environment properly set up? the fastest way to do this is to install Android developer Studio.

[gigocabrera]

I got the same issue after updating to the latest ionic. Running the command below fixed it again

npm install promise-polyfill --save-exact

But do I have to run this command for every ionic update?

Which version are you using?

PS C:\ionic\CajaFuerte-app> ionic info

global packages:

@ionic/cli-utils : 1.4.0
Cordova CLI      : 7.0.1
Ionic CLI        : 3.4.0

local packages:

@ionic/app-scripts              : 1.3.7
@ionic/cli-plugin-cordova       : 1.4.0
@ionic/cli-plugin-ionic-angular : 1.3.1
Cordova Platforms               : ios 4.3.1
Ionic Framework                 : ionic-angular 3.4.2

System:

Node       : v7.9.0
OS         : Windows 10
Xcode      : not installed
ios-deploy : not installed
ios-sim    : not installed
npm        : 3.10.8

[jiteshkaranjkar]

Worked for me Thanks @mcorrigan

[janpio]

Someone should open an issue with the package causing this problem, that this package gets added to their package.json.

[BraxAttack]

@mcorrigan you are a beautiful person!

[youstartlabs]

Bro You Make My day