模塊用export default 導出,如果用const name = require(../xxx/xxx)引入,會在name 變量裏自動加default{}對象

模塊用export default 導出,如果用require(…/xxx/xxx)引入,會在引入變量裏自動包裹default{}

今天寫程序的時候發現一個很奇怪的事情,模塊用reqire()引入後,對象外圍多了一個default{…}。

原因

後來經檢查才發現,模塊修改成es6後用export default 導出,但是引入的時候還用的require模式,

const name = require("../xxx/xxx")

這樣會在導出的變量裏自動包裹上default{}對象。

後記

應該用import導入就沒問題了。

import xxx from "../xxx/xxx"

事情不大,但是排除這個小BUG花費了半個下午的時間。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章