Jump to content
Search Community

lucrampro

Members

  • Posts

    19

  • Joined

  • Last visited

 Content Type 

Posts posted by lucrampro

    Module not found: Error: Can't resolve 'gsap/InertiaPlugin'

    in GSAP

    Posted

    Hi all !!

     

    im sorry but i dont know why i have this error Module not found: Error: Can't resolve 'gsap/InertiaPlugin

      

    // ...

import { gsap } from "gsap";
import { Draggable } from "gsap/Draggable";
import { InertiaPlugin } from "gsap/InertiaPlugin";


gsap.registerPlugin( Draggable, InertiaPlugin);

// ...

    Please explain to me  for why i have this error knowing whats i have run this npm install --save gsap/InertiaPlugin  

     

    thanks advance :)

    Import GSAP plugins with Nuxt.js

    in GSAP

    Posted

    ok thanks for your time !! it's ok in my app with this solution 

    :)  

    // IMPORT LIBRARY
import { gsap, Expo } from 'gsap';
import Draggable from 'gsap/dist/Draggable.js';

// gsap.registerPlugin(Draggable);
if (process.client) {
  gsap.registerPlugin(Draggable);
}

export default {

  name: 'Draggable',

     

    Import GSAP plugins with Nuxt.js

    in GSAP

    Posted

    thanks for your response :) but it dosn't work.. 
    maybe i made error ?

      

    // IMPORT LIBRARY
import { gsap, Expo } from 'gsap';
import Draggable from 'gsap/dist/Draggable.js';

gsap.registerPlugin(Draggable);

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

    nb : in my app Nuxt is configurated in SPA mode :) 

    Import GSAP plugins with Nuxt.js

    in GSAP

    Posted

    Hi All !!

    So i know other topic is open for similary problems but i dont have like error,
    195463684_Annotation2020-06-02120858.thumb.png.bf737161872ffe5ef0292e56c1268cad.png
     can we help me for this error ?

    my import code is 

      

    // IMPORT LIBRARY
import { gsap, Expo } from 'gsap';
import { Draggable } from 'gsap/dist/Draggable.js';

gsap.registerPlugin(Draggable);

    Thanks ADVANCE !! :) 

    GSAP with mouseover JQuery

    in GSAP

    Posted

    Hey, everybody!
    I have a problem I try to make a round grow if a mouse passes over but the animation is done directly I don't understand, doesn't GSAP work with Jquery?

      

    if ($(".scale").mouseover) {

    TweenMax.to(".scale", 1, {
        css: {
            scale: 2,
            backgroundColor: "#343434"
        }

    });

} else {

    TweenMax.to(".scale", 1, {
        css: {
            scale: 1
        }
    });

}

    please help me :)

    GSAP does not work

    in GSAP

    Posted

      

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/normalize.css">
    <link rel="stylesheet" href="/style.css">
    <title>Animation GSAP</title>
</head>
<body>
    
    
<img src="/Logo_chat.png" class="logo" alt="">
    
    
</body>


<script src="TweenLite.min.js" ></script>
<script src="TweenMax.min.js" ></script>
<script src="app.js" ></script>
</html>

    sorry i hadn't seen lol, i put tweenMax and tweenLight and it still does not stop arrrrg

    GSAP does not work

    in GSAP

    Posted 

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/normalize.css">
    <link rel="stylesheet" href="/style.css">
    <title>Animation GSAP</title>
</head>
<body>
    
    
<img src="/Logo_chat.png" class="logo" alt="">
    
    
</body>
<script src="CSSPlugin.js" ></script>
<script src="TimelineLite.min.js" ></script>
<script src="TimelineMax.min.js" ></script>
<script src="app.js" ></script>
</html>

    even with Tween Light and the plugin css3 tweenmax does not work I really like to use this library his annoys me lol.
    after each post I push my work on git you can see all my code if you want 

     

    GSAP does not work

    in GSAP

    Posted

    Bonjour all ! 
    Je me suis mis a essayer GSAP mais les animation ne se lance pas avec tweenMax je ne comprend pas pourquoi jene pense pas avoir fais d'erreur. je vous laisse mon git hub merci de m'aidez

    See the Pen by lucrampro (@lucrampro) on CodePen

×
×
  • Create New...