Reactjs 使用React.lazy提供的元素类型无效

Reactjs 使用React.lazy提供的元素类型无效,reactjs,Reactjs,因此,我已将此问题与此导入隔离开来: const SelectRecipients = React.lazy(() => import('../components/SelectRecipients')) 我得到以下错误: 元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件),但得到:对象 我认为这可能是组件本身的问题,并尝试制作一个测试组件,如下所示: import React from 'react' export default () => { ret

因此,我已将此问题与此导入隔离开来:

const SelectRecipients = React.lazy(() => 
    import('../components/SelectRecipients'))
我得到以下错误:

元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件),但得到:对象

我认为这可能是组件本身的问题,并尝试制作一个测试组件,如下所示:

import React from 'react'
export default () => {
return(<div>Hi</div)}
从“React”导入React
导出默认值()=>{

return(对我来说,问题是路径中有另一个
index.js
,我的新组件的代码在
index.jsx
中。这是因为
index.js
在解析导入时具有更高的优先级。

这在CodeSandBox中工作正常