Share Posted December 18, 2019 Hello guys, I have included gsap.min.js in a folder. After taking a look in the console, I noticed that I am getting the notification that the gsap.min.js.map file failed to load (404). I am confused about this error, because I just included gsap.min.js in my folder and not .map file. What is wrong here? Thank you in advance. Regards Daniel Link to comment Share on other sites More sharing options...
Share Posted December 18, 2019 Hey Daniel, That's a weird error. Are you using a build tool? How are you loading GSAP? Can you reproduce the issue using the same setup on something like StackBlitz? Link to comment Share on other sites More sharing options...
Author Share Posted December 18, 2019 Hi Zach, no, I use vs-code. I downloaded gsap and embedded it locally. I also embedded: <script src="./js/gsap.min.js"></script> <script src="./js/scrollmagic/ScrollMagic.min.js"></script> <script src="./js/scrollmagic/animation.gsap.js"></script> <script src="./js/main.js"></script> in the same sequence like above. Link to comment Share on other sites More sharing options...
Share Posted December 18, 2019 I'm not sure what could be causing that error. Can you please make a ZIP file of your project so that we can take a closer look at what's going on? I can't reproduce the error just by loading those files on my side. 2 Link to comment Share on other sites More sharing options...
Share Posted December 18, 2019 6 hours ago, Daniel2024 said: I am confused about this error, because I just included gsap.min.js in my folder and not .map file. Just put the map file in your js folder. You don't have to do anything else. 1 Link to comment Share on other sites More sharing options...
Author Share Posted December 19, 2019 proFolder I don't have the gsap.min.js.map file. It wasn't in the folder of GreenSock. Link to comment Share on other sites More sharing options...
Author Share Posted December 19, 2019 it seems that the data is too big in my folder. Is there any other way to upload it? Link to comment Share on other sites More sharing options...
Share Posted December 19, 2019 You can find some of the map files here. https://github.com/greensock/GSAP/tree/master/dist 47 minutes ago, Daniel2024 said: it seems that the data is too big in my folder. Is there any other way to upload it? Put it on GitHub. We don't need to see your project. Just enough to reproduce the error. I don't know why your setup is trying to load it though. The map files are only used for errors. Maybe the problem is ScrollMagic. It hasn't been updated to work with v3. https://github.com/janpaepke/ScrollMagic/pull/920 Link to comment Share on other sites More sharing options...
Author Share Posted December 19, 2019 here are the files: https://github.com/Daniel20ZA/project Link to comment Share on other sites More sharing options...
Share Posted December 19, 2019 Where's your html, css, and other js files? We should be able to download your project, fire up a server, and see the problem. Link to comment Share on other sites More sharing options...
Share Posted December 19, 2019 13 hours ago, OSUblake said: We don't need to see your project. Just enough to reproduce the error. Clarification. I meant that we do not need to see your entire project. Just a simple project that clearly shows the error. The less, the better. Link to comment Share on other sites More sharing options...
Author Share Posted December 19, 2019 The problem is solved. I putted the .map-file in the same folder as gsap.min.js! 1 Link to comment Share on other sites More sharing options...
Author Share Posted December 19, 2019 thank you for your help Link to comment Share on other sites More sharing options...
Share Posted December 19, 2019 3 minutes ago, Daniel2024 said: The problem is solved. I putted the .map-file in the same folder as gsap.min.js! Cool! Quick question, were you using a server/framework, and if so what e.g. node, express, apache, wordpress, etc? I'm just wondering what was making it show the 404, because I don't think that should happen by default. Link to comment Share on other sites More sharing options...
Author Share Posted December 20, 2019 I was running my project on localhost and I was using only greensock and scroll magic. Now im facing the problem that probably scrollMagic isn't working. I have made several animations but now on one page the animations cant be executed. "Maybe the problem is ScrollMagic. It hasn't been updated to work with v3." How can I solve this? Link to comment Share on other sites More sharing options...
Share Posted December 20, 2019 6 hours ago, Daniel2024 said: How can I solve this? Impossible for us to say given the lack of code to reproduce the issue. ScrollMagic isn't a GreenSock product anyway - you might get a clearer answer by posting an issue on the ScrollMagic repo. Link to comment Share on other sites More sharing options...
Author Share Posted December 22, 2019 im getting these errors: [Warning] Invalid property – "opacity" – "set to" – 0 – "Missing plugin? gsap.registerPlugin()" (gsap.min.js, line 11) [Warning] Invalid property – "y" – "set to" – 35 – "Missing plugin? gsap.registerPlugin()" (gsap.min.js, line 11) [Warning] GSAP target null not found. https://greensock.com (gsap.min.js, line 11) Link to comment Share on other sites More sharing options...
Author Share Posted December 22, 2019 Here is my gsap.min.js file: https://github.com/Daniel20ZA/project Link to comment Share on other sites More sharing options...
Share Posted December 22, 2019 This doesn't help - we'd need to see your code in context. All you shared are some library files which aren't the problem. Can you please share an actual project that clearly shows the problem (with as little code as possible)? We need to be able to run it in the browser and actually see the errors in the console for ourselves please. But again, we can't support ScrollMagic specifically here, as it's not a GreenSock product. If there are any GSAP-specific questions, though, we'd be happy to help. Link to comment Share on other sites More sharing options...
Share Posted December 24, 2019 I had to deal with this "issue" as well, I didn't go through entire code but for some reason ScrollMagic tries to update tween twice, then detects it as overwrite and tries to call onOverwrite method which has been removed from gsap 3. Certainly not related to GSAP and those are just warnings, you can ignore them without any issue. There are other compatibility issues, for example ScrollMagic tries to use 'Tween' object when you try to update scene duration on the fly, this gives error. You can set Tween equal to gsap directly in ScrollMagic files. 1 Link to comment Share on other sites More sharing options...
Share Posted December 24, 2019 I already posted this link. https://github.com/janpaepke/ScrollMagic/pull/920 Secret, magic fixes are inside. That's all I have to say. 2 Link to comment Share on other sites More sharing options...
Share Posted December 24, 2019 More direct link. https://github.com/jonkwheeler/ScrollMagic/blob/99339d953a10e2ebc814675521cd9f73c707e5bf/dev/src/plugins/animation.gsap.js Raw https://raw.githubusercontent.com/jonkwheeler/ScrollMagic/99339d953a10e2ebc814675521cd9f73c707e5bf/dev/src/plugins/animation.gsap.js 2 Link to comment Share on other sites More sharing options...
Share Posted January 28, 2020 I was having the same issue with the gsap.min.js.map file. After downloading it and throwing it in the GSAP local folder all is well. Now I'm facing the same issue with GSDevTools.min.js.map. Any chance of getting that too? For context: I'm developing in the Intellij IDEA IDE which uses the Python SimpleHTTPServer for local testing. I only have the issue occurring when running my project in localhost. It randomly shows "pending" status for various files when I try to load the project. Link to comment Share on other sites More sharing options...
Share Posted January 28, 2020 Hey @Chris Manuel. The latest version of the ZIP file has all map files included. Just download the ZIP again Your account dashboard is a good place to find the ZIP download. Link to comment Share on other sites More sharing options...
Share Posted January 28, 2020 Excellent solution and timing. Thanks! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now