@angular-devkit/build-optimizer@0.1001.0 after prod build, only a black screen is displayed on the device

🐞 Bug report

Command (mark with an x)

• new
• build
• serve
• test
• e2e
• generate
• add
• update
• lint
• xi18n
• run
• config
• help
• version
• doc

Description

Install @angular-devkit/build-angular@0.1001.0 or @angular-devkit/build-angular@0.1001.0-rc.0

After build, only a black screen is displayed on the device and the app cannot be used.

FYI, it works without problem until version @angular-devkit/build-angular@0.1000.8 or @angular-devkit/build-angular@0.1001.0-next.7

🔬 Minimal Reproduction

1. npm install @angular-devkit/build-angular@0.1000.8 or @angular-devkit/build-angular@0.1001.0-next.7
2. ng build --prod
3. run on ios/android device
4. it works fine
5. npm install @angular-devkit/build-angular@0.1001.0 or @angular-devkit/build-angular@0.1001.0-rc.0
6. ng build --prod
7. run on ios/android device
8. only a black screen is displayed on the device and the app cannot be used

🌍 Your Environment

Angular CLI: 10.1.0
Node: 12.18.3
OS: darwin x64

Angular: 10.1.0
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router, service-worker
Ivy Workspace: Yes

Package                            Version
------------------------------------------------------------
@angular-devkit/architect          0.1001.0
@angular-devkit/build-angular      0.1001.0-next.7
@angular-devkit/build-optimizer    0.1001.0
@angular-devkit/build-webpack      0.1001.0
@angular-devkit/core               10.1.0
@angular-devkit/schematics         10.1.0
@angular/cdk                       10.2.0
@angular/fire                      6.0.2
@angular/material                  10.2.0
@angular/material-moment-adapter   10.2.0
@angular/pwa                       0.1001.0
@angular/youtube-player            10.2.0
@ngtools/webpack                   10.1.0-next.7
@schematics/angular                10.1.0
@schematics/update                 0.1001.0
rxjs                               6.6.2
typescript                         4.0.2
webpack                            4.44.1

[alan-agius4]

HI, I started looking and there are a multiple reasons why using kakao-sdk is causing the failure.

• You are using a JIT version of the library import { KakaoCordovaSDK } from 'kakao-sdk/ngx'; the AOT version is located at import { KakaoCordovaSDK } from 'kakao-sdk'; (Note: shipping both AOT and JIT is not needed, AOT compiled libraries can work in JIT mode as well.)
• This Angular library package format doesn’t conform with APF. The Angular package format is a spec used by library developers to package a valid Angular libraries. (See: https://github.com/ng-packagr/ng-packagr and https://docs.google.com/document/d/1CZC2rcpxffTDfRDs6p1cfbmKNLA6x5O-NtkJglDaBVs/preview)
• tslib helpers are being inlined. This is discouraged as it will increase the application bundle size.

I will try to land a fix for this soon, however I strongly suggest that you reach out the library author to address the mentioned issues.

[eun-choi]

Tested by overwriting the file, it was the same.