Cannot find module Source-map-support

I’m having this issue when I try to run this on Docker. I have a build stage that compiles the build/main.js bundle and then removes all dev deps and any files that my app doesn’t need, then I have another step that simply runs npm start. In theory that should be enough but into the same issue.

> node ./build/main.js

module.js:550
    throw err;
    ^

Error: Cannot find module 'source-map-support/register'
    at Function.Module._resolveFilename (module.js:548:15)
    at Function.Module._load (module.js:475:25)

@thierryskoda When I pushed the change in 0.0.9 I had a feeling this would be an issue. The problem is that lerna doesn’t handle the local npm symlink properly without that require.resolve(), which makes developing backpack really really annoying. We need to figure out a better solution.

As a workaround you should remove webpack.BannerPlugin() using backpack.config.js, add source-map-support as a dependency (npm i source-map-support), and then add import 'source-map-support/register' to the top of your entry file (src/index.js or whatever).

// backpack.config.js
module.exports = {
  webpack: (config, options) => {
    ...
    config.plugins.splice(1, 1) // remove the BannerPlugin
    return config
  }
}

//src/index.js or whatever
import 'source-map-support/register'

Do you think it’s a best practice to build in production? I though it was much better to build locally than just push the build folder in production.

Nowadays our build servers are the same VMs as our production machines so paths always match. However, I know that is not the case for everyone, especially for people using SaaS CI’s and many PaaS providers. When we used to use Heroku with webpack or grunt, we used the postinstall npm script where we ran our build step.

For example:

{
   "scripts": {
     ...
    "build": "backpack build",
    "postinstall": "npm run build"
  }
}