Javascript 尝试导入错误：'；信息'；不是从'；导出的/助手/警报'；

我在文件夹../helpers/alerts中有一个名为alerts.js的文件

const showSuccessMessage = (success) => {
    <div className="alert alert-success">{success}</div>
}
const showErrorMessage = (error) => {
    <div className="alert alert-success">{error}</div>
}

module.exports ={
    showErrorMessage, showSuccessMessage
}

但我一直收到

尝试导入错误：“花洒消息”未从导出 “../helpers/alerts”

---

你能试试下面的代码吗

export const showSuccessMessage = (success) => {
    <div className="alert alert-success">{success}</div>
}
export const showErrorMessage = (error) => {
    <div className="alert alert-success">{error}</div>
}

---

这是可行的，但很奇怪。我认为module.exports基本上是一样的。你能解释一下为什么会这样吗？

export const showSuccessMessage = (success) => {
    <div className="alert alert-success">{success}</div>
}
export const showErrorMessage = (error) => {
    <div className="alert alert-success">{error}</div>
}

import {showSuccessMessage, showErrorMessage} from '../helpers/alerts'