2

我正在开发一个 Angular 4.3.1 应用程序。除了 iOS 10.3.2 上的 Safari 浏览器外，该应用程序运行良好。

我安装了错误跟踪软件“Sentry”，并尽我所能解决那里提供的两个问题。我正在寻求有关如何进一步调查的提示或建议。

我尽量提供尽可能多的细节。

错误名称： 

TypeError/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js in Ct
error null is not an object (evaluating 'n[o].outlets')

Error/app/polyfills.473d66a7973dfd05d135.bundle.js in g
error Uncaught (in promise): TypeError: null is not an object (evaluating 'n[o].outlets') Ct@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:185868 https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:185302 d@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:175024 Ot@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:185267 ft@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:183155 updateTargetUrlAndHref@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:232259 https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:231328 __tryOrUnsub@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:389719 next@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:389005 _next@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:388051 next@https://www.example.com/app/vendor.6a2c8d7c7cab...

设备详情：

browser: Mobile Safari 10.0
browser.name: Mobile Safari
device: iPhone
device.family: iPhone
level: error
logger: javascript
os: iOS 10.3.2
os.name: iOS

事件（从第一个到最后一个）： 

navigation to   #/ from /app/#/app/account 15:04:25  

xhr GET https://www.example.com/api/config [200] 15:04:25  

navigation to [Filtered] from   #/ 15:04:30  

ui.click input#email.form-control.ng-untouched.ng-pristine.ng-invalid[type="email"] 15:04:31  

ui.input input#email.form-control.ng-untouched.ng-pristine.ng-invalid[type="email"] 15:04:36  

ui.click [Filtered] 15:04:37  

ui.input [Filtered] 15:04:38  

ui.click div.text-center > button.btn.btn-fill.btn-primary[type="submit"] 15:04:39  

xhr POST [Filtered] [200] 15:04:39  

sentry QuotaExceededError: The quota has been exceeded. 15:04:39  

xhr GET https://www.example.com/api/users/1 [200] 15:04:39  

navigation to   #/app/home from [Filtered] 15:04:39  

sentry TypeError: null is not an object (evaluating 'n[o].outlets') 15:04:44  

ui.click div.navbar-header > button.navbar-toggle[type="button"] > span.icon-bar 15:04:45  

ui.click div.nav-container > ul.nav > li > a > p 15:04:45  

navigation to #/app/account from #/app/home 15:04:45  

exception Error: Uncaught (in promise): TypeError: null is not an object (evaluating 'n[o].outlets')
Ct@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:185868
https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:185302
d@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:175024
Ot@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:185267
ft@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:183155
updateTargetUrlAndHref@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:232259
https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:231328
__tryOrUnsub@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:389719
next@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:389005
_next@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:388051
next@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:387723
next@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:726591
https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:221087
onInvoke@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:12362
run@https://www.example.com/app/polyfills.473d66a7973dfd05d135.bundle.js:1:51145
https://www.example.com/app/polyfills.473d66a7973dfd05d135.bundle.js:1:48117
onInvokeTask@https://www.example.com/app/vendor.6a2c8d7c7cabb4001dd2.bundle.js:1:12278
runTask@https://www.example.com/app/polyfills.473d66a7973dfd05d135.bundle.js:1:51834
u@https://www.example.com/app/polyfills.473d66a7973dfd05d135.bundle.js:1:46666
invoke@https://www.example.com/app/polyfills.473d66a7973dfd05d135.bundle.js:1:57925

包.json

{
  "name": "md-angular-cli-pro",
  "version": "1.4.4",
  "license": "http://md-pro-angular.creative-tim.com/documentation/tutorial",
  "repository": {
    "type": "git",
    "url": "https://github.com/creativetimofficial/material-dashboard-pro-angular.git"
  },
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@agm/core": "1.0.0-beta.0",
    "@angular/animations": "4.3.1",
    "@angular/cdk": "2.0.0-beta.10",
    "@angular/common": "4.3.1",
    "@angular/compiler": "4.3.1",
    "@angular/core": "4.3.1",
    "@angular/forms": "4.3.1",
    "@angular/http": "4.3.1",
    "@angular/material": "2.0.0-beta.10",
    "@angular/platform-browser": "4.3.1",
    "@angular/platform-browser-dynamic": "4.3.1",
    "@angular/platform-server": "4.3.1",
    "@angular/router": "4.3.1",
    "@ngrx/effects": "^4.1.1",
    "@ngrx/router-store": "^4.1.1",
    "@ngrx/store": "^4.1.1",
    "@ngrx/store-devtools": "^4.1.1",
    "angular2-material-datepicker": "0.5.0",
    "animate.css": "3.5.2",
    "arrive": "2.3.1",
    "bootstrap": "3.3.5",
    "bootstrap-material-design": "0.5.10",
    "bootstrap-notify": "3.1.3",
    "bootstrap-select": "1.12.2",
    "bootstrap-tagsinput": "0.7.1",
    "chartist": "0.9.4",
    "chartist-plugin-zoom": "0.4.0",
    "core-js": "2.4.1",
    "datatables": "1.10.12",
    "datatables.net-bs": "1.10.12",
    "datatables.net-responsive": "2.1.1",
    "eonasdan-bootstrap-datetimepicker": "4.17.47",
    "font-awesome": "^4.7.0",
    "fullcalendar": "3.4.0",
    "googleapis": "19.0.0",
    "hammerjs": "^2.0.8",
    "jasny-bootstrap": "3.1.3",
    "jquery": "1.12.4",
    "jquery-validation": "1.17.0",
    "jvectormap": "2.0.4",
    "lodash": "^4.17.4",
    "moment": "2.18.1",
    "moment-timezone": "0.4.0",
    "ng2-nouislider": "1.6.1",
    "ng2-select": "1.2.0",
    "ngx-chips": "1.4.6",
    "nouislider": "9.2.0",
    "perfect-scrollbar": "0.8.1",
    "pusher-js": "^4.2.2",
    "raven-js": "^3.21.0",
    "rxjs": "5.4.2",
    "sweetalert2": "6.10.1",
    "twitter-bootstrap-wizard": "1.2.0",
    "uglify-js": "1.3.5",
    "validate": "3.0.1",
    "web-animations-js": "2.2.2",
    "zone.js": "0.8.4"
  },
  "devDependencies": {
    "@angular/cli": "1.4.2",
    "@angular/compiler-cli": "4.3.1",
    "@types/bootstrap": "3.3.32",
    "@types/chartist": "0.9.34",
    "@types/jasmine": "2.5.38",
    "@types/jquery": "1.10.31",
    "@types/node": "6.0.73",
    "codelyzer": "2.0.0",
    "jasmine-core": "2.5.2",
    "jasmine-spec-reporter": "3.2.0",
    "karma": "1.4.1",
    "karma-chrome-launcher": "2.0.0",
    "karma-cli": "1.0.1",
    "karma-coverage-istanbul-reporter": "0.2.0",
    "karma-jasmine": "1.1.0",
    "karma-jasmine-html-reporter": "0.2.2",
    "protractor": "5.1.0",
    "ts-node": "2.0.0",
    "tslint": "4.5.0",
    "typescript": "2.4.2"
  }
}

到目前为止我的想法：
在删除了更多特定于这个 iOS 版本的错误（比如损坏的日期管道）之后，我得出的结论是，这可能是与浏览器版本相关的兼容性问题。具体来说，我认为这个问题与角度处理路由的方式有关（我从问题名称'n [o] .outlets'中得到这个问题，就像在路由器出口中一样，并且这发生在导航操作之后，正如您在事件列表），但这就是我目前所能弄清楚的。

顺便说一句， QuotaExceededError 与检查 localStorage 是否可用（在这种情况下不可用）有关。

谢谢
即使是关于如何解决这个问题的一点提示，或者至少是对这个案子的一些了解，都非常感谢。非常感谢。

4

1 回答 1

0

null 不是对象（评估'$scope.userprofile.wallet_provider.toLowerCase'）

我曾经面临同样的问题，但我通过 if/else 检查解决了它，所以只需找到代码并将检查放入其中。前任：

if($scope.userprofile.is_prepaid && **<Put check here>**
                $scope.userprofile.wallet_provider.toLowerCase() == "del-miles"){
            if(!$scope.group_menu[4]['submenu'][1] || $scope.group_menu[4]['submenu'][1].link !== miles_menu_element.link)
                  $scope.group_menu[4]['submenu'].splice(1,0,miles_menu_element);
            }

所以我会一一检查“$ scope.userprofile.wallet_provider ”

于 2018-03-21T11:47:28.337 回答