使用React.lazy给出元素类型无效

Question

所以我已将此问题隔离到此导入中：

const SelectRecipients = React.lazy(() => 
    import('../components/SelectRecipients'))

我收到以下错误：

  

元素类型无效：应使用字符串（对于内置组件）或类/函数（对于复合组件），但得到：对象。

我认为这可能是组件本身存在的问题，并尝试按以下方式制作测试组件：

import React from 'react'
export default () => {
return(<div>Hi</div)}

，然后导入它而不是SelectRecipients并仍然出现错误

CodeSandbox

Answer 1

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