Uncaught TypeError: Cannot set property 'io' of undefined at production.min.js:1

[dustinbolton]

Node version: v10.15.0 Sails version (sails): v1.2.4 Sockets hook version (sails-hook-sockets): 2.0.0 Grunt hook version (sails-hook-grunt): 4.0.1

---

When compiled through Grunt in production mode sails.io.js fails with: Uncaught TypeError: Cannot set property 'io' of undefined at production.min.js:1

[sailsbot]

@dustinbolton Thanks for posting! We'll take a look as soon as possible.

In the mean time, there are a few ways you can help speed things along:

• look for a workaround. (Even if it's just temporary, sharing your solution can save someone else a lot of time and effort.)
• tell us why this issue is important to you and your team. What are you trying to accomplish? (Submissions with a little bit of human context tend to be easier to understand and faster to resolve.)
• make sure you've provided clear instructions on how to reproduce the bug from a clean install.
• double-check that you've provided all of the requested version and dependency information. (Some of this info might seem irrelevant at first, like which database adapter you're using, but we ask that you include it anyway. Oftentimes an issue is caused by a confluence of unexpected factors, and it can save everybody a ton of time to know all the details up front.)
• read the code of conduct.
• if appropriate, ask your business to sponsor your issue. (Open source is our passion, and our core maintainers volunteer many of their nights and weekends working on Sails. But you only get so many nights and weekends in life, and stuff gets done a lot faster when you can work on it during normal daylight hours.)
• let us know if you are using a 3rd party plugin; whether that's a database adapter, a non-standard view engine, or any other dependency maintained by someone other than our core team. (Besides the name of the 3rd party package, it helps to include the exact version you're using. If you're unsure, check out this list of all the core packages we maintain.)

  ---

Please remember: never post in a public forum if you believe you've found a genuine security vulnerability. Instead, disclose it responsibly.

For help with questions about Sails, click here.

[dustinbolton]

I have a possible workaround (see code below). Disabling modules for babel seems to fix it, though ideally I would only be disabling modules for ES2015 specifically. I was unable to figure out how to specifically disable ES2015 modules though.

I narrowed down the problem to babel transpiling "this" to "undefined" in some scripts, including modern ones like bootstrap-bundle. It seems the ES2015 preset for the modules option now defaults to true in babel-preset-env which is a change from past defaults. Since this is front-end browser code it seems like SailsJS should be defaults to disabling ES2015 modules to prevent this problem.

tasks/config/babel.js:

presets: [
   [
      require('sails-hook-grunt/accessible/babel-preset-env'),
      { "modules": false }
   ]
]

References: https://github.com/babel/babel/issues/4720 https://github.com/babel/babel/issues/5455 https://babeljs.io/docs/en/env/ https://stackoverflow.com/questions/34973442/how-to-stop-babel-from-transpiling-this-to-undefined-and-inserting-use-str

[eashaw]

Hey @dustinbolton,

Thanks for letting us know about this. Are you getting this error when running the buildProd task (aka sails www)?

[dustinbolton]

Yes @eashaw, that's correct. It indeed happens with the buildProd task.