I'm working on a site that uses Greensock's TweenMax. When I compile using GULP, ESLint returns:
17:4 error "TweenMax" is not defined no-undef
37:6 error "TweenMax" is not defined no-undef
47:8 error "TweenMax" is not defined no-undef
54:4 error "TweenMax" is not defined no-undef
60:4 error "TweenMax" is not defined no-undef
85:8 error "TweenMax" is not defined no-undef
My bower.json file looks like this:
{
"name": "testerr",
"private": true,
"dependencies": {
"bootstrap-sass": "~3.3.5",
"modernizr": "~2.8.1",
"flickity": "~1.1.1",
"gsap": "~1.18.0"
},
"overrides": {
"bootstrap-sass": {
"main": [
"assets/stylesheets/_bootstrap.scss",
"assets/fonts/bootstrap/*",
"assets/javascripts/bootstrap.js",
]
}
},
"devDependencies": {
"chai": "~3.4.2",
"mocha": "~2.3.4"
}
}
And my package.json looks like:
{
"private": true,
"engines": {
"node": ">=0.12.0"
},
"devDependencies": {
"babel-core": "^5.5.6",
"browser-sync": "^2.2.1",
"del": "^1.1.1",
"gulp": "^3.9.0",
"gulp-autoprefixer": "^2.3.1",
"gulp-cache": "^0.2.8",
"gulp-eslint": "^0.13.2",
"gulp-if": "^1.2.5",
"gulp-imagemin": "^2.2.1",
"gulp-load-plugins": "^0.10.0",
"gulp-minify-css": "^1.1.1",
"gulp-minify-html": "^1.0.0",
"gulp-plumber": "^1.0.1",
"gulp-sass": "^2.0.0",
"gulp-size": "^1.2.1",
"gulp-sourcemaps": "^1.5.0",
"gulp-uglify": "^1.1.0",
"gulp-useref": "^1.1.1",
"main-bower-files": "^2.5.0",
"opn": "^1.0.1",
"wiredep": "^2.2.2",
"flickity": "^1.1.2",
"gsap": "^1.18.0"
},
"eslintConfig": {
"env": {
"node": true,
"browser": true,
"jquery": true
},
"rules": {
"quotes": [
2,
"single"
]
}
}
}
I can't seem to troubleshoot this issue any further beyond realizing that ESLint isn't recognizing TweenMax... even though it's been correctly linked in the HTML files and installed with bower:
main.html
<!-- build:js(.) scripts/vendor.js -->
<!-- bower:js -->
<script src="/bower_components/gsap/src/minified/jquery.gsap.min.js"></script>
<script src="/bower_components/gsap/src/minified/TweenMax.min.js"></script>
<!-- endbower -->
<!-- endbuild -->
Appreciate any assistance!