使用vue時,報錯“exports is not defined”


在開發中引用插件時,報錯“exports is not defined”

但在引用第三方組件的時候,在瀏覽器中報錯“exports is not defined”。
根據瀏覽器報錯信息,查詢到報錯來源是第三方組件的一段代碼:

經過查資料,這是使用了CommonJs寫法,而在應用中並沒有做相應的模塊轉換使得瀏覽器能夠識別。而導致這個問題是因為balbel的配置文件.babelrc的問題:

需要改動.babelrc文件即可:

其中{ "modules": false }阻止了babel進行模塊轉換,所以,將modules改為默認設置即可,或者刪除該配置。

然后再次npm run dev即可。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM