Angular 9 Ошибка приложения в производстве, но не в разработке - PullRequest
0 голосов
/ 03 марта 2020

Я столкнулся с проблемой, когда мое приложение не загружается и зависает из-за следующей ошибки:

Firefox:

TypeError: "Object(...)(...).storage is not a function
  storage        https://xxx.xxxxxx.com/vendor-es2015.956efa20feafc6dd3b4a.js:1
  invoke         https://xxx.xxxxxx.com/polyfills-es2015.es2015.a4cd63d9f49a113bc263.js:1

Firefox Console error Object(...)(...).storage is not a function

Chrome

TypeError: Object(...)(...).storage is not a function    maines2015.798ee24113058e83fcbf.js:1 
   at vendor-es2015.956efa20feafc6dd3b4a.js:1

Chrome Error Console Object(...)(...).storage is not a function

Safari

TypeError: Object(h.d)(t,i,e).storage is not a function. (In 'Object(h.d (t,i,e).storage(n||void 0)', 'Object(h.d)(t,i,e).storage' is undefined)
(anonymous function) — vendor-es2015.956efa20feafc6dd3b4a.js:1:370792

Safari Error Console TypeError: Object(h.d)(t,i,e).storage

Мой пакет. json имеет следующие зависимости.

    "dependencies": {
        "@angular/animations": "^9.0.4",
        "@angular/common": "^9.0.4",
        "@angular/compiler": "^9.0.4",
        "@angular/core": "^9.0.4",
        "@angular/fire": "^5.4.2",
        "@angular/forms": "^9.0.4",
        "@angular/localize": "^9.0.4",
        "@angular/platform-browser": "^9.0.4",
        "@angular/platform-browser-dynamic": "^9.0.4",
        "@angular/router": "^9.0.4",
        "@angular/service-worker": "^9.0.4",
        "@ngrx/effects": "^8.6.0",
        "@ngrx/store": "^8.6.0",
        "@ngrx/store-devtools": "^8.6.0",
        "@types/json-schema": "^7.0.3",
        "@types/stripe": "^7.13.22",
        "@types/stripe-checkout": "^1.0.3",
        "@types/stripe-v3": "^3.1.16",
        "@capacitor/cli": "^1.3.0",
        "@capacitor/core": "^1.3.0",
        "core-js": "^3.6.4",
        "firebase": "^7.9.3",
        "rxjs": "^6.5.4",
        "s2-geometry": "^1.2.10",
        "sha.js": "^2.4.11",
        "ts-md5": "^1.2.7",
        "tslib": "^1.11.1",
        "zone.js": "~0.10.2"
      }

У меня не было этой проблемы до обновления до Angular 9. Эта проблема также не возникает при работе в Dev. И dev, и prod компилируются без ошибок. Однако только в Prod возникает ошибка в браузерах.

Я искал по базе кода использование .storage, и это происходит только в Firebase во многих файлах node_modules/firebase/xxx. На данный момент я предполагаю, что у меня возникла какая-то проблема с совместимостью, но я не смог найти других подобных проблем.

Это команды развертывания, которые я использую:

"node src/version.js && ng build --prod --build-optimizer=true --vendor-chunk=true && firebase deploy"

, который выдает следующий вывод

Wrote version info v0.7.1-0-gdb495282 to src/environments/version.ts
Generating ES5 bundles for differential loading...
ES5 bundle generation complete.

chunk {7} 7-es2015.d07089ab29da3b587bbe.js () 3.81 kB  [rendered]
chunk {7} 7-es5.d07089ab29da3b587bbe.js () 4.7 kB  [rendered]
chunk {11} 11-es2015.cdd18a1bb1fcffb6d0ba.js () 399 bytes  [rendered]
chunk {11} 11-es5.cdd18a1bb1fcffb6d0ba.js () 542 bytes  [rendered]
chunk {1} common-es2015.f43a9445ddead6581b33.js (common) 2.96 kB  [rendered]
chunk {1} common-es5.f43a9445ddead6581b33.js (common) 3.21 kB  [rendered]
chunk {0} runtime-es2015.e5d3034a5d67a3983602.js (runtime) 2.57 kB [entry] [rendered]
chunk {0} runtime-es5.e5d3034a5d67a3983602.js (runtime) 2.57 kB [entry] [rendered]
chunk {10} 10-es2015.7425bb71f86142383e7e.js () 2.78 kB  [rendered]
chunk {10} 10-es5.7425bb71f86142383e7e.js () 3.01 kB  [rendered]
chunk {6} vendor-es2015.956efa20feafc6dd3b4a.js (vendor) 1.01 MB [initial] [rendered]
chunk {6} vendor-es5.956efa20feafc6dd3b4a.js (vendor) 1.11 MB [initial] [rendered]
chunk {14} 14-es2015.4418fcec796385a5a11f.js () 405 bytes  [rendered]
chunk {14} 14-es5.4418fcec796385a5a11f.js () 548 bytes  [rendered]
chunk {12} 12-es2015.831ee112f00a7af641ba.js () 450 bytes  [rendered]
chunk {12} 12-es5.831ee112f00a7af641ba.js () 593 bytes  [rendered]
chunk {13} 13-es2015.29c86459bd89d6b85273.js () 417 bytes  [rendered]
chunk {13} 13-es5.29c86459bd89d6b85273.js () 560 bytes  [rendered]
chunk {8} 8-es2015.4d1c092d834b3f5ff49d.js () 1.49 kB  [rendered]
chunk {8} 8-es5.4d1c092d834b3f5ff49d.js () 1.97 kB  [rendered]
chunk {18} 18-es2015.5cfe5a9af2493a138b9e.js () 464 bytes  [rendered]
chunk {18} 18-es5.5cfe5a9af2493a138b9e.js () 607 bytes  [rendered]
chunk {15} 15-es2015.955263df549544e1c1d0.js () 405 bytes  [rendered]
chunk {15} 15-es5.955263df549544e1c1d0.js () 548 bytes  [rendered]
chunk {16} 16-es2015.ba3c4461f385792060af.js () 403 bytes  [rendered]
chunk {16} 16-es5.ba3c4461f385792060af.js () 546 bytes  [rendered]
chunk {19} 19-es2015.90954566e55b9b9dd0ee.js () 402 bytes  [rendered]
chunk {19} 19-es5.90954566e55b9b9dd0ee.js () 545 bytes  [rendered]
chunk {17} 17-es2015.67005a9cfd881857893c.js () 430 bytes  [rendered]
chunk {17} 17-es5.67005a9cfd881857893c.js () 573 bytes  [rendered]
chunk {9} 9-es2015.47390f51dff57057c172.js () 404 bytes  [rendered]
chunk {9} 9-es5.47390f51dff57057c172.js () 547 bytes  [rendered]
chunk {3} polyfills-es2015.a4cd63d9f49a113bc263.js (polyfills) 36.3 kB [initial] [rendered]
chunk {4} polyfills-es5.62658705565e36b1ec98.js (polyfills-es5) 128 kB [initial] [rendered]
chunk {2} main-es2015.798ee24113058e83fcbf.js (main) 777 kB [initial] [rendered]
chunk {2} main-es5.798ee24113058e83fcbf.js (main) 831 kB [initial] [rendered]
chunk {5} styles.651b2cc1a39c65c35894.css (styles) 8.85 kB [initial] [rendered]
Date: 2020-03-03T17:55:34.023Z - Hash: 42cc11ee46685a632895 - Time: 40253ms

Может кто-нибудь увидеть, что может быть причиной этой проблемы?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...