模塊用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花費了半個下午的時間。