具有material-ui / typescript的自定义模块抛出错误“您可能需要适当的加载程序来处理tsx文件”

Question

（A）项目的组件具有以下代码：

// sample.tsx
import React, { ReactElement } from 'react'
import Button from '@material-ui/core/Button'

export interface CustomButtonProps {
  // some prop
}
export const CButton = (props: CustomButtonProps): ReactElement => <Button {...props} />

，并希望使用（B）项目中的此Button组件。

因此（A）模块已安装在（B）项目上，但存在错误

  

模块解析失败：意外的令牌（4：7）
  您可能需要适当的加载程序来处理此文件类型，...

但是这个（A）项目有一个带有配置的ts-loader。

如果不像上面的代码那样直接导出材质按钮，例如：

// sample.tsx
import React from 'react'
import Button from '@material-ui/core/Button'

export default Button

然后我可以成功使用此按钮，而不会出现任何错误。 所以我不认为这是tsx文件编译错误，也许是在打字稿代码中。 有什么问题吗？