gulp-babel : Cannot set property 'svg4everybody' of undefined for root

[LouVerdun]

Hello everyone,

After adding gulp-babel to my JS tasks, svg4everybody started to display this error in the console :

Uncaught TypeError: Cannot set property 'svg4everybody' of undefined

It looks like root refers to undefined when in strict mode (automatically added by gulp-babel). This line is causing the problems (line 10 but other parts of the script are affected) :

"object" == typeof module && module.exports ? module.exports = factory() : root.svg4everybody = factory();

My workaround to make it work was to exclude the file from gulp tasks and include it manually in the document. Is there any fix for this issue ? Does anyone found a workaround for it (not overkill) ?

[stephanepericat]

i have this issue as well using babel and webpack, because the lib tries to assign this for the context and it turns out to be undefined in the context of the webpack build file.

[stephanepericat]

this could be fixed by assigning window instead of this for the context

[ghost]

@stephanepericat See #111

[DanielRuf]

Same here for a normal gulp build.

[DanielRuf]

Solution: define root for browsers

!function(root, factory) {
    if(root === undefined) root = window;
    "function" == typeof define && define.amd ? // AMD. Register as an anonymous module unless amdModuleId is set

[oprokidnev]

This one configuration of babel worked for me.

{
  "presets": [ [ "es2015", { modules: false } ] ]
}

[DanielRuf]

@oprokidnev

This would change it for your whole bundle.

[DanielRuf]

See #171

[Dan9boi]

I have this same issue. Is there any news for a new release @jonathantneal ?

[JeremyEnglert]

Still running into this issue. Anyone find a workaround?