JS錯誤：Cannot assign to read only property exports of object Object

今天更新了一下JavaScript依賴庫，結果碰到莫名的錯誤，頁面加載不出來，錯誤信息：

 Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'
    at Module.eval (BaseClient.js?e917:12)
    at eval (BaseClient.js:42)
    at Module../node_modules/webpack-dev-server/client/clients/BaseClient.js (main.js:11977)
    at __webpack_require__ (main.js:769)
    at fn (main.js:130)
    at Module.eval (SockJSClient.js?810f:26)
    at eval (SockJSClient.js:138)
    at Module../node_modules/webpack-dev-server/client/clients/SockJSClient.js (main.js:11989)
    at __webpack_require__ (main.js:769)
    at fn (main.js:130)

查了好多資料好像是export和import共用了導致不兼容引起的!!!

最後找到個辦法，試了一下可以用，特此記錄：

npm install babel-plugin-transform-es2015-modules-commonjs

然後在根目錄 babelrc文件中配置

　{ "plugins": ["transform-es2015-modules-commonjs"] }

即可解決