2015-07-21 72 views
0

我安装了最新的angular-ui-select(v0.12)和angular v1.2.27。我的页面不会加载。我得到:ui-select:预期表达式,得到。 (点)

expected expression, got . (a point) 

这是指这种情况下,我vendor.js:

!function(){"use strict";var e={TA 
    }]); 
    /*! 
    * ui-select 
    * http://github.com/angular-ui/ui-select 
    * Version: 0.12.0 - 2015-05-28T07:44:11.364Z 
    * License: MIT 
    */.ui-select-highlight{ 
    ^^^ here, at the point. 

这是怎么回事?我可以调查什么?

让我们检查必要条件UI选:

  • 角> = 1.2.18:OK
  • ngSanitize模块:OK(尝试之后和之前,没有区别加载它)
  • 安装有凉亭,包括它的文件,JS之前CSS

app.js

angular.module('abelujo', [ 
    'ngRoute', 
    'ngCookies', 
    'ngResource', 
    'ui.select', 
    'ngSanitize', 
    'ui.router', 
    'ui.bootstrap', 

bower.json

"dependencies": { 
    "angularjs": "1.2.27", 
    "angular-bootstrap": "0.11.2", 
    "angular-cookies": "latest", 
    "angular-mocks": "latest", 
    "angular-resource": "latest", 
    "angular-route": "latest", 
    "angular-ui-select": "0.12", 
    "angular-sanitize": "latest", 
    "angular-ui-router": "latest", 
    "bootstrap": "3.3", 
    "jquery" : "~1.9", 
    "underscore": "latest", 
    "datejs": "latest" 
}, 

在这里,我不明白:我得到bower_components/angular/angular.js版本1.3.15和bower_components/angularjs/angular.js版本要求,1.2.27。看起来像1.3是ui-select的依赖。

在我gulpfile.js

var vendorJsFiles = [ 
    'static/bower_components/angularjs/angular.min.js', 
    'static/bower_components/angular-bootstrap/ui-bootstrap.min.js', 
    'static/bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js', 
    'static/bower_components/angular-resource/angular-resource.min.js', 
    'static/bower_components/angular-route/angular-route.min.js', 
    'static/bower_components/angular-ui-select/dist/select.min.js', 
    'static/bower_components/angular-ui-select/dist/select.min.css', 
    'static/bower_components/angular-sanitize/angular-sanitize.min.js', 
    'static/bower_components/angular-cookies/angular-cookies.min.js', 
    'static/bower_components/angular-ui-router/release/angular-ui-router.min.js', 
    'static/bower_components/underscore/underscore-min.js', 
    'static/bower_components/datejs/build/production/date.min.js', 
]; 

感谢您的任何提示!

+1

看来你有CSS里面的Javascript –

+0

哦,完全是!谢谢。 OMG! – Ehvince

回答

1

在你gulpfile

var vendorJsFiles = [ 
    /*other files*/ 
    'static/bower_components/angular-ui-select/dist/select.min.js', 
    'static/bower_components/angular-ui-select/dist/select.min.css', //here is the mistake 

你的CSS与JavaScript连接起来。

+0

OMG!谢谢 :) – Ehvince