javascript - AngularJS版本升级后无法读取未定义错误的属性 '$$state'

标签 javascript angularjs bower

我一直在使用 AngularJS 将我们项目的版本从 1.2.16 升级到 1.6.4。由于我们使用 bower 作为包管理器,我更新了 bower.json 的必要部分如下:

{
"name": "takademi",
"version": "0.0.0",
"dependencies": {
  "angular": "1.6.4",
  "json3": "~3.3.1",
  "es5-shim": "~3.1.0",
  "angular-cookies": "1.6.4",
  "angular-sanitize": "1.6.4",
  "angular-animate": "1.6.4",
  "angular-route": "1.6.4",
  "angular-bindonce": "~0.3.1",
  "restangular": "~1.4.0",
  "angular-base64": "~2.0.2",
  "lodash": "~2.4.1"
},
"devDependencies": {
"angular-mocks": "1.2.16",
"angular-scenario": "1.2.16"
},
"appPath": "app"
}

这次更新后,我运行了这个项目。现在我可以看到 angular 的版本为 1.6.4,但出现以下错误:

*** process.env.ENV is not defined, assuming 'prod' env
t @ bundle.js:4776
angular.js:14525 TypeError: Cannot read property '$$state' of undefined
    at then (angular.js:16799)
    at addPromiseLikeThing (angular-busy.js:67)
    at angular-busy.js:22
    at Object.forEach (angular.js:403)
    at Object.tracker.reset (angular-busy.js:18)
    at angular-busy.js:175
    at $watchCollectionAction (angular.js:17859)
    at Scope.$digest (angular.js:17999)
    at Scope.$apply (angular.js:18269)
    at done (angular.js:12387)
(anonymous) @ angular.js:14525
getMarketPlace Failed to load resource: the server responded with a status of 401 (Unauthorized)
angular.js:14525 Possibly unhandled rejection: {"data":{"status":401,"module":0,"code":1000,"message":"AUTHENTICATION_REQUIRED","develo    perMessage":null,"moreInfo":null},"status":401,"config": {"method":"GET","transformRequest":[null],"transformResponse":[null],"jsonpCallbackParam":"callback","params":{"v":967},"headers":{"Accept":"application/json, text/plain, */*"},"url":"/portal/rest/market-place/getMarketPlace"},"statusText":"Unauthorized"}
(anonymous) @ angular.js:14525
(anonymous) @ angular.js:11008
processChecks @ angular.js:16860
$digest @ angular.js:17971
$apply @ angular.js:18269
done @ angular.js:12387
completeRequest @ angular.js:12613
requestLoaded @ angular.js:12541

据我所知,它只是说明我新升级的 AngularJS 1.6.4 文件不支持 $$state 关键字的使用。错误不是来 self 们开发的文件,而是来自 Angular 自己的文件。

这是 chrome 浏览器导航我显示错误的功能 - angular.js 的第 16799 行:

  function Promise() {
this.$$state = { status: 0 };
  }

  extend(Promise.prototype, {
    then: function(onFulfilled, onRejected, progressBack) {
      if (isUndefined(onFulfilled) && isUndefined(onRejected) && isUndefined(progressBack)) {
        return this;
      }
      var result = new Promise();

      this.$$state.pending = this.$$state.pending || [];
      this.$$state.pending.push([result, onFulfilled, onRejected, progressBack]);
      if (this.$$state.status > 0) scheduleProcessQueue(this.$$state);

      return result;
    },

    'catch': function(callback) {
      return this.then(null, callback);
    },

    'finally': function(callback, progressBack) {
      return this.then(function(value) {
        return handleCallback(value, resolve, callback);
      }, function(error) {
        return handleCallback(error, reject, callback);
      }, progressBack);
    }
  });

我已经在 SO 和 Google 中进行了一些搜索,但我找不到任何相关的帖子或对我的问题的解释。大多数答案都与 Ruby 或 React 相关:

angular showing TypeError: Cannot read property 'state' of undefined

Uncaught TypeError: Cannot read property 'state' of undefined

react: uncaught TypeError: Cannot read property 'state' of undefined

由于我不了解 AngularJS 和 bower 的全部功能,因此我不清楚这些答案。

你们能帮帮我吗?

提前致谢!

最佳答案

angular-busy module不是由 AngularJS 团队创建的。函数 addPromiseLikeThing 看起来很可疑,它是在进入 $q 库之前执行的最后一件事,它在那里爆炸了。使用“promiseLike”对象伪造 $q 库可能是错误的原因。

此外,AngularJS V1.6 改变了处理拒绝的方式。错误信息:

angular.js:14525 Possibly unhandled rejection: {"data":{"status":401,

是这些变化的结果。

有关详细信息,请参阅 AngularJS Developer Guide - Migrating to V1.6 ($q)

关于javascript - AngularJS版本升级后无法读取未定义错误的属性 '$$state',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44947376/

相关文章:

javascript - URL 返回一个数字。如何将该 url 作为值分配给变量?

javascript - 滚动表格时使表格标题保留在屏幕上(想法如下)

AngularJS ng 风格的背景图像

jekyll - 让 Jekyll 忽略一些 HTML 文件

javascript - 如何在 MVC4 中添加按钮并重定向到另一个 View ?

javascript - 我可以在创建新的 Web Workers 对象时将参数传递给 .js 函数吗?

javascript - 在angularjs中一次选择一个项目

javascript - 单击选项卡后,Angular Bootstrap 选项卡更改 url

node.js - 使用 TFS Build 2015 在 TFS 构建服务器上安装 Node、Bower 和 Bower 组件

javascript - 咕噜 bower :install error