如何在 yeoman 的 Angular 中包含 ngAnimate 依赖项

how to include ngAnimate dependency in angular with yeoman

本文关键字：包含 ngAnimate 依赖 Angular yeoman      更新时间：2023-09-26

我正在使用yeoman，gruntjs和bower的组合创建一个角度应用程序。我用 yo angular myapp 安装了我的角度应用程序，然后用 bower 添加了一些依赖项，最后我会运行grunt server并开始工作。

只有当我尝试添加ng-animate依赖项时，我才会遇到问题。下载此依赖项，但其脚本标记不会添加到index.html中，并且所需的引用不会添加到karma.conf.js文件中。

我尝试手动添加这两个引用：

在index.html 

<script src="bower_components/angular-animate/angular-animate.js"></script>

并在karma/conf.js 

files: [
  ...
  'app/bower_components/angular-animate/angular-animate.js',
  ...
],

但这仅在grunt server已经在运行时有效。 如果我停止服务器并再次重新运行它，我手动添加的两个引用将消失。如何解决此问题？

谢谢

你必须这样做：


1. 带凉亭安装： 

bower install angular-animate


2. 将<脚本 /> 添加到索引中.html：

< script src="/bower_components/angular-animate/angular-animate.js"></script >


3. 并将 ngAnimate 添加为应用程序的依赖项：

angular.module('myApp', ['ngAnimate']);

有关这些步骤的更多信息，请参阅ngAnimate上的ng-newsletter帖子

您可以尝试以下两种解决方案之一：

  1. 将其作为依赖项添加到 bower.json 文件中，然后运行bower update

或

  1. 在项目目录中打开终端并运行： bower install angular-animate

任何一个都会将其保存到您的 bower.json 文件中，并在您再次运行 grunt 服务器时使其不被删除。

相关文章：