Question

今天我已将我的应用程序从meteor 0.7.0.1更新为0.7.1.1，由于我的app.css文件，我的应用程序崩溃了。

以下是失败的部分：

@media screen (min-width: 1200px) {
   #BtnCollapseStatusFilterBar { /* IT'S HERE JUST BEFORE THE EMBRACE */
     display: block;
   }
 }

信息是：

=> Errors prevented startup:
App 21289 stdout:
App 21289 stdout: While building the application:
App 21289 stdout: app.css: property missing ':' near line 10:31
App 21289 stdout:
App 21289 stdout: => Your application has errors. Waiting for file change.

我真的不明白这个问题，因为我不是CSS大师。

有什么想法吗？

这是完整的CSS

@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

@grid-float-breakpoint: @screen-desktop;

@media (min-width: 1200px) {
  #BtnCollapseStatusFilterBar {
    display: block;
  }

  #navbar-status-filterbar-collapse.collapse {
    display: none !important;
  }
}

/* CSS declarations go here */

#nprogress .bar {
  z-index: 2000; /*bs3 navbar is on 1030*/
  background: #A300FF;
}

body {
  background-image: url(subtlenet2.png);
  background-attachment: repeat;
  /*line-height: 19px;*/
  padding-top: 50px;
}

.blockAd {
  padding-left: 10px;
  min-height: 275px; /* don't work, only if inside style attribute directly in html */
  border: none; /*1px solid grey;*/
  border-radius: 10px 0 10px 0;
  margin-bottom: 20px;
  margin-right: 6px;
  width:208px;
  background: rgba(256, 256, 256, .7);
}

/* new ad */
.blockAd.newAd {
  border-top: solid turquoise;
}

/* no more new */
.blockAd.viewedAd {
  border-top: solid mediumseagreen;
}

/* detail open */
.blockAd.openedAd {
  border-top: solid aquamarine;
}

/* no more interesting */
.blockAd.removedAd {
  border-top: solid orange;
}

/* went to product */
.blockAd.visitedAd {
  border-top: solid skyblue;
}

/* owner contacted */
.blockAd.starAd {
  border-top: solid orangered;
}

.blockAd .btn-toolbar {
  padding-top:5px;
}

.blockAnnonce .infos {
  height: 110px;
  margin-bottom: 3px;
}

.blockAd .infosHead {
  color:black;
}

.blockAd .centerContentImage {
  float:right;
  width:100%;
  padding-right:5px;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

.blockAd .centerContentImage img {
  max-height: 110px;
  max-width:140px;
}

.blockAd .centerContentImage button.OpenDetailAd {
  height:105px;
  margin-left:3px;
}

/* background of geo zone */
.navbar-collapse.navbar-location-collapse {
  max-height: inherit;
}

/* title and buttons up / down non clickable */
.navbar-location-collapse ul {
  margin-top: 50px;
}

/*
a.BtnConfiguration span {
  width: 44px;
  height: 34px;
}*/

Answer 1

似乎版本0.7.1会抛出错误，其中CSS的语法不正确而只是忽略相关规则，就像之前的情况一样。那里可能总是存在问题，只是在0.7.1之前没有提出。

我将你的整个CSS文件放在CSS Lint中，看看它出现了什么 - 有可能在与Meteor所暗示的不同的行上存在问题，或者至少在某处出现问题。

<强>更新查看完整代码，您的文件中至少有一个LESS变量（@grid-float-breakpoint）。我不使用LESS，但据我所知，您需要为LESS文件提供.less文件扩展名，以告诉Meteor将它们编译为CSS，否则规则将失败。尝试将文件名从app.css更改为app.less，看看是否有效。显然，你还需要添加LESS包，所以meteor add less如果你还没有这样做。

Answer 2

几小时后我遇到了同样的问题。我只是错过了一些像这样的属性值

padding-left:""

我忘记给出一个价值，在我给它之后工作得很好。在CSS中检查相同内容。

我认为在你的应用程序第10行的某些内容中，你忘了为上面的属性提供一个值。

css和meteor 0.7.1：财产缺失

2 个答案: