[gsap.Animation/ScrollMagic + Vue- CLI]

I am new to Vue/babel development. I implemented Scroll Magic and integrated the code you have pasted for disabling AMD. I am still facing some error. Can someone guide me on the issue.

package.json

 

 

 "dependencies": {
    "gsap": "^2.0.0",
    "imports-loader": "^0.8.0",
    "jquery": "^3.3.1",
    "scrollmagic": "^2.0.5",
    "vue": "^2.5.16",
    "vue-body-class": "^2.0.0-beta.2",
    "vue-router": "^3.0.1"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.0.0-beta.11",
    "@vue/cli-service": "^3.0.0-beta.11",
    "babel-core": "^6.22.1",
    "babel-loader": "^7.1.4",
    "css-loader": "^0.28.11",
    "node-sass": "^4.9.0",
    "postcss-loader": "^2.1.5",
    "sass-loader": "^7.0.1",
    "vue-loader": "github:vuejs/vue-loader#next",
    "vue-template-compiler": "^2.5.16"
  },

 

 

babel.config.js

 

module.exports = {
  presets: [
    '@vue/app'
  ],
  resolve: {
    extensions: ['', '.js', '.jsx','.vue'],
    alias: {
      "ScrollMagicGSAP": "scrollmagic/scrollmagic/uncompressed/plugins/animation.gsap"
    }
  },
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: "imports-loader?define=>false"
      },
    ],
  },
}

 

 

Error

 

This dependency was not found:

 

* ScrollMagicGSAP in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/views/MarketPlace.vue?vue&type=script&lang=js

 

To install it, you can run: npm install --save ScrollMagicGSAP

 

 

 

Can someone help me fix this. I assume i am missing on some package to import.