Not compatible with webpack4 and ES6 modules

[yoones]

When I require mdbootstrap in a webpacker pack (Rails 6 application), the following error is outputed:

• Firefox: TypeError: "exports" is read-only
• Chrome: Uncaught TypeError: Cannot assign to read only property 'exports' of object '#'

  Is there a way or a plan to make mdbootstrap compatible with webpack4 and ES6 modules?

  Links:

  • Github demo app: https://github.com/yoones/rails_6_mdb_through_webpacker
  • Yarn package.json: https://github.com/yoones/rails_6_mdb_through_webpacker/blob/master/package.json
  • Webpacker env config: https://github.com/yoones/rails_6_mdb_through_webpacker/blob/master/config/webpack/environment.js
  • Webpacker pack: https://github.com/yoones/rails_6_mdb_through_webpacker/blob/master/app/javascript/packs/application.js

  Versions:

  • Ruby on Rails 6.0.1
  • Webpacker 4.2.2
  • mdbootstrap 4.10.1

[gbujanski]

Hi. We're working to resolve this issue. Another thread already exists on our support issue-with-4-9-0-webpack-typescript