index.html不保存(使用WebStorm,Yeoman和Angular)

时间:2014-02-24 14:43:44

标签: angularjs yeoman webstorm bower

编辑:问题发生在' grunt serve'不是在我第一次怀疑时关闭并重新开放网络风暴。


在下面的代码块中,我手动添加了ui-bootstrap.js文件。其余的是使用Yeoman搭建的。当,index.html默认恢复到原始状态(删除我添加的代码)。但是,项目的其余部分会正常保存和重新加载。造成这种情况的原因以及如何解决这个问题?

<!-- build:js scripts/vendor.js -->
<!-- bower:js -->
  <script src="bower_components/jquery/jquery.js"></script>
  <script src="bower_components/angular/angular.js"></script>
  <script src="bower_components/sass-bootstrap/dist/js/bootstrap.js"></script>
  <script src="bower_components/angular-resource/angular-resource.js"></script>
  <script src="bower_components/angular-cookies/angular-cookies.js"></script>
  <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
  <script src="bower_components/angular-route/angular-route.js"></script>
  <script src="bower_components/angular-bootstrap/ui-bootstrap.js"></script>
  <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<!-- endbower -->
<!-- endbuild -->

2 个答案:

答案 0 :(得分:7)

我认为这是因为grunt-bower-installgrunt serve上运行。 <!-- bower:js --><!-- endbower -->之间的任何内容均由grunt-bower-install控制。这是Grunt任务,它从Bower包中查找依赖项,并将它们注入到HTML中。

您可以手动执行所有操作 - 在HTML中查找并插入所需的所有脚本 - 并删除grunt-bower-install(从Gruntfile.js卸载并删除),或手动放置一些依赖项在评论区之外。

答案 1 :(得分:0)

bower install angular-ui-bootstrap-bower

可以解决这个问题。

原因是您安装的库未在名为“bower_components/ui-bootstrap/bower.json”的配置文件中配置主js文件。