angular / angular/angularfire

Production build fails with AngularFire 7 & Firebase 9 (ES5 bundle problem)

Open
#3,059 0 comments 2 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
7.8k
Forks
2.2k
Avg merge
22h 28m
Merged PRs (30d)
6

Description

### Version info

**Angular: 12.2.13**

**Firebase: 9.1.3**

**AngularFire: 7.2.0**

**Other (e.g. Ionic/Cordova, Node, browser, operating system): Ionic 5.8.5, Cordova 9, BraveBrowser, MacOS**

### How to reproduce these conditions

**Steps to set up and reproduce**

The problem occured when I ran `ionic build --prod`

Important! The problem appears only with Firebase 9 and AngularFire 7! With Firebase 8 and AngularFire 6 the production build works without any problem.

**Sample data and security rules**

### Debug output

```
› ionic build --prod
> ng run app:build:production
✔ Browser application bundle generation complete.
⠙ Generating ES5 bundles for differential loading...An unhandled exception occurred: {project-path}/main-es2015.059a60e139f9c6cfd626.js: Unexpected token (2461:8)

2459 | * limitations under the License.
2460 | */
> 2461 | function(de){return Promise.all(de.map(function(){var P=(0,f.Z)(function*(W){try{return{fulfilled:!0,value:yield W}}catch(Ie){return{fulfilled:!1,reason:Ie}}});return function(W){return P.apply(this,arguments)}}()))}(Io);dt.ports[0].postMessage({status:"done",eventId:Lt,eventType:Un,response:Yo})})()}_subscribe(W,Ie){0===Object.keys(this.handlersMap).length&&this.eventTarget.addEventListener("message",this.boundEventHandler),this.handlersMap[W]||(this.handlersMap[W]=new Set),this.handlersMap[W].add(Ie)}_unsubscribe(W,Ie){this.handlersMap[W]&&Ie&&this.handlersMap[W].delete(Ie),(!Ie||0===this.handlersMap[W].size)&&delete this.handlersMap[W],0===Object.keys(this.handlersMap).length&&this.eventTarget.removeEventListener("message",this.boundEventHandler)}}
| ^
2462 | /**
2463 | * @license
2464 | * Copyright 2020 Google LLC
See "/private/var/folders/hx/vt3ky4d13xvb7856_4mwlj300000gn/T/ng-FP9bZ2/angular-errors.log" for further details.
[ERROR] An error occurred while running subprocess ng.

ng run app:build:production exited with exit code 127.

Re-running this command with the --verbose flag may provide more information.

```

The exact problem is the `function(de)`. It should be `function de()`, I think..

### Expected behavior

Successful build.

### Actual behavior

Build failure

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the failure with `ionic build --prod`, which invokes `ng run app:build:production`. Inspect the generated `main-es2015.059a60e139f9c6cfd626.js` and the Angular differential-loading step around the reported parse error; done means the production build completes successfully with Firebase 9 and AngularFire 7.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, firebase, typescript
Domain
build-system
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.