角度材料和流星的控制台错误

Console Errors with Angular Material and meteor

本文关键字：控制台 错误 流星 材料      更新时间：2023-09-26

Im使用Metroet基于此处提供的示例构建一个简单的应用程序：

https://material.angularjs.org/latest/demo/tabs

当符合流星和安装的相关软件包（角度材料、角度、角度动画等）时。

然而，我已经在两台安装不同的计算机上尝试过，当网站编译时，我在chrome控制台中一直收到这个错误（在流星控制台中没有错误）。然后它不会在选项卡之间切换，每次单击都会出现错误。

我看了这里的解决方案，但我不明白这对我有什么影响，因为我正在使用流星包管理器。。

https://github.com/angular/angular.js/issues/11658

    TypeError: runner.setHost is not a function
    at angular-animate.js:2686
    at Scope.$digest (angular_angular.js?hash=c17a5a9…:15961)
    at Scope.$apply (angular_angular.js?hash=c17a5a9…:16175)
    at angular_angular.js?hash=c17a5a9…:17942
    at completeOutstandingRequest (angular_angular.js?hash=c17a5a9…:5567)
    at angular_angular.js?hash=c17a5a9…:5844(anonymous function) @ angular_angular.js?hash=c17a5a9…:12535(anonymous function) @ angular_angular.js?hash=c17a5a9…:9307Scope.$digest @ angular_angular.js?hash=c17a5a9…:15963Scope.$apply @ angular_angular.js?hash=c17a5a9…:16175(anonymous function) @ angular_angular.js?hash=c17a5a9…:17942completeOutstandingRequest @ angular_angular.js?hash=c17a5a9…:5567(anonymous function) @ angular_angular.js?hash=c17a5a9…:5844
angular_angular.js?hash=c17a5a9…:12535 TypeError: animationRunner.done is not a function
    at Array.triggerAnimationStart (angular-animate.js:3075)
    at nextTick (angular-animate.js:423)
    at scheduler (angular-animate.js:393)
    at angular-animate.js:3087
    at Scope.$digest (angular_angular.js?hash=c17a5a9…:15961)
    at Scope.$apply (angular_angular.js?hash=c17a5a9…:16175)
    at angular_angular.js?hash=c17a5a9…:17942
    at completeOutstandingRequest (angular_angular.js?hash=c17a5a9…:5567)
    at angular_angular.js?hash=c17a5a9…:5844

main.html

<head>
  <title>simple</title>
</head>

<body ng-app= 'myApp'>
<div ng-cloak>
  <md-content>
    <md-tabs md-dynamic-height md-border-bottom>
      <md-tab label="one">
        <md-content class="md-padding">
          <h1 class="md-display-2">Tab One</h1>
          <p>...</p>
        </md-content>
      </md-tab>
      <md-tab label="two">
        <md-content class="md-padding">
          <h1 class="md-display-2">Tab Two</h1>
          <p>...</p>
        </md-content>
      </md-tab>
      <md-tab label="three">
        <md-content class="md-padding">
          <h1 class="md-display-2">Tab Three</h1>
          <p>...</p>
        </md-content>
      </md-tab>
    </md-tabs>
  </md-content>
</div>
</body>

main.css:

    import angular from 'angular';
import angularMeteor from 'angular-meteor';
import ngMaterial from 'angular-material';
//import ngAnimate from 'angular-animate';
//import ngAria from 'angular-aria';
var app = angular.module('myApp', ['ngMaterial']);

提前感谢您的帮助！

我自己也遇到了同样的麻烦。

更新我的angular版本从1.48到1.5.3_1为我修复了这个问题。

来自命令行：

meteor update angular:angular

运行它也会更新相关的animate和clease包。

相关文章：