Jest、Babel 和 Storybook，export 與 module.exports

Question

我使用 Jest 來測試我的服務，使用 Storybook 和 Babel 來開發我的 React 組件。

我有我的組件需要使用的服務。 我目前使用module.exports = someFunction;導出module.exports = someFunction; 它通過了我的 Jest 單元測試，但故事書告訴我Cannot assign to read only property 'exports' of object '#<Object>'瀏覽器控制台Cannot assign to read only property 'exports' of object '#<Object>' 。

如果我將服務更改為export default someFunction ，則該組件可以工作，但 Jest 單元測試失敗並顯示SyntaxError: Unexpected token export 。

我該怎么做才能使兩者都起作用？

筆記：

• 我不在乎我是否始終使用module.exports或export 。 目前我沒有真正的偏好。
• 我准備使用不同的單元測試庫，但上次我對 Ava 不滿意，而且我不記得在單元測試軟件和 babel 上有任何運氣。
• 上次我使用 Babel 時，我沒有module.exports的問題。 降級會有幫助嗎？ 如果是這樣，我會降級到什么？

Answer 1

通過添加一個名為babel.config.js的文件來解決：

module.exports = {
  presets: ['@babel/env']
};

如果有人有更好的答案或相信他們可以在我確信我有缺點的眾多領域對我進行教育，歡迎他們這樣做。