在Grunt Owl旋转木马工作之前 - 它没有 - 没有错误

时间:2016-02-20 22:25:02

标签: twitter-bootstrap gruntjs carousel owl-carousel

我疯了 - 我试图解决这个问题一个月。

我有yeoman webapp设置。 我在同一页面上有多个Owl-Carousels - 有一些js代码用于制作旋转光标。看我的小提琴:

https://jsfiddle.net/ftpptf/ygkb2za6/

一切都适用于Grunt Serve。 在' Grunt --debug --verbose'没有错误,猫头鹰轮播错误地同时显示所有图像并且彼此重叠。

控制台中没有错误。

我怀疑它与我的bower.json文件有关。正如你所看到的,我为猫头鹰旋转木马添加了覆盖。但是它似乎也没有用,我不是专家 - 所以不确定我是否已经做好了。

{
"name": "ptf2000",
"private": true,
"dependencies": {
  "bootstrap-sass": "~3.3.5",
  "modernizr": "~2.8.3",
  "jquery": "^2.2.0",
  "icomoon-sassy": "^1.0.0",
  "OwlCarouselBower": "^1.3.4"
},
"overrides": {
  "bootstrap-sass": {
   "main": [
     "assets/stylesheets/_bootstrap.scss",
     "assets/fonts/bootstrap/*",
     "assets/javascripts/bootstrap.js"
   ]      
},
"OwlCarouselBower": {
  "main": ["dist/assets/owl.carousel.css", "dist/assets/owl.theme.css",         "dist/owl.carousel.min.js"]
},
"OwlCarouselBower": {
  "main": [
    "owl-carousel/owl.carousel.css",
    "owl-carousel/owl.theme.css",
    "owl-carousel/owl.carousel.min.js"
     ]
   }
 },

  "devDependencies": {
    "chai": "^3.5.0",
    "mocha": "^2.4.5"
  }
}

任何帮助都非常感谢。

1 个答案:

答案 0 :(得分:0)

我终于解决了这个问题。我用gulp而不是grunt做了一个全新的yeoman设置。显然它有效。不幸的是,我无法接近解释,因为我不知道是什么导致了这个问题。