Loading a bonus plugin locally

[JLernDesign 7 Likes (Newbie)]

This feels like a simple issue but I am wracking my brain to get it working. Never had an issue before until I switched to GSAP 3. I have a local copy of the DrawSVGPlugin that I am loading with this code:

 

<script src="js/DrawSVGPlugin.min.js"></script>

And then when I go to view the page I am getting a bunch of errors in the console:

 

[Error] Not allowed to load local resource: file:///Users/JLern/WORK/dev/js/DrawSVGPlugin.min.js.map
[Error] Not allowed to request resource
[Error] Cannot load file:///Users/JLern/WORK/dev/js/DrawSVGPlugin.min.js.map due to access control checks.

Do I need a file called DrawSVGPlugin.min.js.map as well? Any thoughts? Thanks for your help!

[ZachSaucier 7,060 Likes (Superhero)]

Hey JLernDesign and welcome.

 

You shouldn't need the map files but they can be found here.

 

Would you by chance be attempting to load ScrollMagic as well? If so, you should probably use this PR that's built to work with GSAP 3.

 

This thread is about a similar issue:

 

[JLernDesign 7 Likes (Newbie)]

I am indeed loading ScrollMagic! Nice catch. That must be the issue. Thanks so much for pointing me in the right direction.

[JLernDesign 7 Likes (Newbie)]

The updated ScrollMagic files did not solve the issue so I guess that wasn't it. Also tested without ScrollMagic entirely and same error. 

 

I went into the DrawSVGPlugin.js file and just deleted the last line that was looking for the map file (below) and now it's working.

//# sourceMappingURL=DrawSVGPlugin.min.js.map

 

Is there a danger in removing that line? Is there a way I can get access to the DrawSVGPlugin.min.js.map file? It wasn't listed with the others at the link above. Thanks!

[ZachSaucier 7,060 Likes (Superhero)]

Are you using a build tool? If so, which one? 

 

Does the error occur with absolutely nothing else in the project?

 

15 minutes ago, JLernDesign said:

Is there a danger in removing that line?

Other than not being able to use source maps, no, there shouldn't be an issue.

 

16 minutes ago, JLernDesign said:

Is there a way I can get access to the DrawSVGPlugin.min.js.map file? It wasn't listed with the others at the link above.

Oops, sorry. I forgot that the club plugin files aren't hosted publicly on GitHub. @GreenSock I don't see the map files in the club ZIP download - am I missing something?

[JLernDesign 7 Likes (Newbie)]

2 hours ago, ZachSaucier said:

Are you using a build tool? If so, which one? 

 

No build tool, just loading the script at the bottom of my HTML. I am able to load the gsap core without any problems. Same error happens if I try to load any of the gsap plugins.

 

2 hours ago, ZachSaucier said:

Does the error occur with absolutely nothing else in the project?

 

 

Just loading these scripts:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.0.5/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.0.5/MotionPathPlugin.min.js"></script>
<script src="js/DrawSVGPlugin.min.js"></script>

 

Also tried including that map file and still throwing the error. Only thing working right now is to remove the line of code at the bottom.

[JLernDesign 7 Likes (Newbie)]

Actually the map file is fixing the problem when I view on the server, just not when I test locally.

[GreenSock 16,626 Likes (Superhero)]

Yeah, that "//# sourceMappingURL=DrawSVGPlugin.min.js.map" line is purely for browsers with Dev Tools open, and it tells them were to get debugging information about the raw (unminified) source code. Totally optional and you're welcome to ignore that. It's not really an "error" at all - think of it like metadata for developers. 

 

I can put the .map files into the /minified/ folder in the bonus zip in the next release if that'd help. I originally thought they might just confuse people, but perhaps it's helpful for cases like this. 

[ZachSaucier 7,060 Likes (Superhero)]

11 hours ago, GreenSock said:

I can put the .map files into the /minified/ folder in the bonus zip in the next release if that'd help. I originally thought they might just confuse people, but perhaps it's helpful for cases like this. 

I might put it in a sub-directory of the minified folder and change the path to accommodate. I think it'd be less confusing.

[GreenSock 16,626 Likes (Superhero)]

1 hour ago, ZachSaucier said:

I might put it in a sub-directory of the minified folder and change the path to accommodate. I think it'd be less confusing.

I actually think that might compound the problem because:

• The minified files would technically be different than all the other files with those same names, like the ones that reside on the CDN. The path to the map file would be different...so it'd be weird to have two files with identical names and are the same version of GSAP...but contain different contents. 
• My understanding is that it's a widely-accepted convention to keep the .map files with the files they describe (same directory)
• It'd add yet another folder to the zip, making it potentially confusing/intimidating for users to understand which things they need and which folder(s) to use. 

I'm inclined to just stick with the convention we're using everywhere else (including on the CDN) and have the map files reside with the minified files.

[ZachSaucier 7,060 Likes (Superhero)]

Fair enough. Go for it 👍

[JLernDesign 7 Likes (Newbie)]

Thanks for helping me resolve the issue and understand this better! Excited to get moving with v3.