[TreeShake] Reference error $<NUMBER>$exports is not defined if "--experimental-scope-hoisting" flag is used

[sujith97]

🐛 bug report

Browser complains about the undefined variable $<NUMBER>$exports which looks like the bundled output here.

🎛 Configuration (.babelrc, package.json, cli command)

{
  "presets": [
    "env",
    "react"
  ],
  "plugins": [
    "babel-plugin-styled-components",
    "react-hot-loader/babel",
    "transform-class-properties",
    "transform-object-rest-spread"
  ]
}

🤔 Expected Behavior

It should build and have no issues as when I use parcel build without the tree shaking flag.

😯 Current Behavior

Builds fine but browser complains:
Uncaught ReferenceError: $37$exports is not defined

💁 Possible Solution

Needs research.

🔦 Context

Just the usual parcel production build:

parcel build --experimental-scope-hoisting client/scripts/index.js --public-url /

💻 Code Sample

N/A

🌍 Your Environment

Software	Version(s)
Parcel	"parcel-bundler": "^1.9.0"
Node	v10.1.0
npm/Yarn	v5.6.0
Operating System	Mac OS v10.13.5

[fathyb]

Thanks! Could you give us the full output or the file responsible for the bug? You can use --no-minify to get a non-minified output with filenames.

[sujith97]

You may convert it back to js.
index.js

[HenrikJoreteg]

If you need a full app you can run that appears to have the same issue see here: HenrikJoreteg/redux-bundler-example#1

[sujith97]

@fathyb @devongovett Any update on this?

[HenrikJoreteg]

I'd love to get this sorted out as well so I can turn on this awesomeness in my app :)

[fathyb]

@HenrikJoreteg your issue is different, #1683 fixes it
@sujith97 could you provide a reproduction?

[mischnic]

@sujith97 Could you please provide some source code?

[devongovett]

Closing. I tested using @HenrikJoreteg's app, and it appears to be working.