Can't import the named export 'Bridge' from non EcmaScript module (only default export is available)

[ubirajaramneto]

I am using the edge-login-ui-web module in my Vue.js project.
After importing it in a vue.js page, I got the following error: "Can't import the named export 'Bridge' from non EcmaScript module (only default export is available)"

After some investigation, I found out that this problem is due to webpack injection process, I am not really sure how it works and what the actual problem is, but it seems to do with something related how .mjs files exports stuff.

Anyways, I solved the problem by adding the following entry into my vue.config.js file:

`
configureWebpack: {

module: {
  rules:
    {
      test: /\.mjs$/,
      include: /node_modules/,
      type: 'javascript/auto',
    },
  ],
},

},
`

I am just creating this issue here in order for the maintainers to address this either in docs or any other way.

edge-login-ui-web version: 0.5.0
node version: v10.9.0

[swansontec]

I see the problem. It looks like the filename is confusing WebPack, so I'll just change the way we package our library to avoid this.