title: Can't import the named export 'ɵɵngDeclareFactory' from non EcmaScript module in my angular 11 app
body: <p>In my angular 11 apps, I am trying to install ngx-echats. Unfortunately, I am getting an error when exporting <code>NgxEchartsModule</code> in my <code>app.module.ts</code>.</p>
  <p>That is the error that I am getting:</p>
  <pre><code>Error: ./node_modules/ngx-echarts/fesm2015/ngx-echarts.mjs 520:24-45
  Can't import the named export 'ɵɵngDeclareFactory' from non EcmaScript module (only default export is available)
  </code></pre>
  <p>In my app root folder, I already have an <code>webpack.config.js</code> file and it includes with :</p>
  <pre><code>module.exports = {
      configureWebpack: {
          module: {
              rules: [{
                  test: /\.mjs$/,
                  include: /node_modules/,
                  type: &quot;javascript/auto&quot;
              }]
          }
      }
  }
  </code></pre>
  <p>Still, I am having this error. Can someone please tell me how to solve this issue?</p>