Question

我相信在VS中曾经存在类似的.min文件相关问题，但很久以前就修复了这个问题。

以下是我添加的新CSS，从那时起，每当我点击空格键在我的html标签中插入一个新类时，它都无法加载CSS列表并崩溃。

我的CSS片段是

/* ANIMATIONS */

/* spin animation*/
.glyphicon-spin-animate {    
    animation: spin .6s infinite linear;
    -webkit-animation: spin .6s infinite linear;
    -moz-animation: spin .6s infinite linear;
}

@-moz-keyframes spin {
    from { -moz-transform:scale(1) rotate(0deg);}
    to { -moz-transform: scale(1) rotate(360deg);}
}

@-webkit-keyframes spin {
    from { -webkit-transform:scale(1) rotate(0deg);}
    to { -webkit-transform: scale(1) rotate(360deg);}
}

@keyframes spin {
    from { transform:scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}


.alert-info.ng-enter {
  -webkit-animation: fadeInDown 0.7s;
  -moz-animation: fadeInDown 0.7s;

  animation: fadeInDown 0.7s;
}

.alert-success.ng-enter {
  -webkit-animation: fadeInDown 2s;
  -moz-animation: fadeInDown 2s;

  animation: fadeInDown 2s;
}

.alert-danger.ng-enter {
  -webkit-animation: shake 1s;
  -moz-animation: shake 1s;

  animation: shake 1s;
}


.alert-info.ng-leave, .alert-success.ng-leave, .alert-danger.ng-leave{
  -webkit-animation: fadeOutUp 1s;
  -moz-animation: fadeOutUp 1s;

  animation: fadeOutUp 1s;
}

.item-row.ng-enter, .item-exra-row.ng-enter{
  -webkit-animation: fadeInLeft 0.7s;
  -moz-animation: fadeInLeft 0.7s; 
  animation: fadeInLeft 0.7s;
}

.item-row.ng-leave , .item-exra-row.ng-leave{
  -webkit-animation: fadeOutLeft 0.7s;
  -moz-animation: fadeOutLeft 0.7s;  
  animation: fadeOutLeft 0.7s;
}

有人可以指出上面的CSS有什么问题吗？

感谢。

PS：动画在animate.css

中定义

Answer 1

我的同事告诉我这是早期版本的Web Essentials 2015的已知问题，已在latest release中修复。

Answer 2

我解决了同样的问题：在css文件中更改@keyframes时，我的Visual Studio社区2013每隔2次，第3次崩溃。

我尝试将Web Essentials 2015更新为.5 ..没有帮助

我注意到我的Firefox上几乎看不见VS2013的图标，我禁用了“启用浏览器链接”＃39;在VS2013中，它有所帮助。它接近VS中的刷新浏览器按钮的下拉菜单，并使用SignalIR刷新您编辑的页面。

CSS导致Visual Studio 2015预览崩溃

2 个答案: