在開發中引用插件時,報錯“exports is not defined”
但在引用第三方組件的時候,在瀏覽器中報錯“exports is not defined”。
根據瀏覽器報錯信息,查詢到報錯來源是第三方組件的一段代碼:
經過查資料,這是使用了CommonJs寫法,而在應用中並沒有做相應的模塊轉換使得瀏覽器能夠識別。而導致這個問題是因為balbel的配置文件.babelrc的問題:
需要改動.babelrc文件即可:
其中{ "modules": false }阻止了babel進行模塊轉換,所以,將modules改為默認設置即可,或者刪除該配置。
然后再次npm run dev即可。