[Importing Plugins in Nuxt.js]

 

On 4/12/2019 at 2:31 PM, nicoladelazzari said:

Thank you for the answers! ?

 

Now this is my situation:

import TweenMax from 'gsap/TweenMax'
import Draggable from 'gsap/Draggable'
if (process.client) {
  require('~/assets/vendor/ThrowPropsPlugin')
}

 

response:

  41:8  warning  Using exported name 'TweenMax' as identifier for default export   import/no-named-as-default
  42:8  warning  Using exported name 'Draggable' as identifier for default export  import/no-named-as-default

 

And the browser error is: 

Unexpected identifier
 

What is going on?

 

 

 

 

 

Try this:
 

nuxt.config.js

build: {
  transpile: [
    "gsap"
  ],
}

 

In a page or elsewhere

<script>
import { gsap } from "gsap";
import { Draggable } from 'gsap/Draggable';

export default {
  mounted() {
    if (process.client) {
		// Here you can use gsap now and draggable
    }
  }
}

</script>