Javascript 反应：当元素类型不应为'；不会发生

当我尝试使用组件时，出现以下错误

Uncaught不变量冲突：元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。您可能忘记了从定义组件的文件中导出组件。检查“MemberSearchBar”的呈现方法。

我读了另一个堆栈问题，它是关于默认情况下导出它的，我已经在这样做了。 我正在导入组件，如下所示：

从“/成员搜索栏”导入成员搜索栏（我绝对确定导入路径是正确的）

然后我只是在使用它，就像

组件的代码为

import React, { Component } from 'react';
import debounce from 'lodash/debounce';
import { StyledSearchInput } from './member-search-bar.styles';

export default class MemberSearchBar extends Component {
  state = {
    searchText: '',
  };

  handleChange = e => {
    this.setState({ searchText: e.target.value });
    debounce(this.state.searchText, 300);
  };

  render() {
    return (
      <React.Fragment>
        <StyledSearchInput
          isInline
          isSmall
          onChange={this.handleChange}
          value={this.state.value}
        />
      </React.Fragment>
    );
  }
}

import React，{Component}来自'React'；
从“lodash/脱盎司”进口脱盎司；
从“./member search bar.styles”导入{StyledSearchInput}；
导出默认类MemberSearchBar扩展组件{
状态={
搜索文本：“”，
};
handleChange=e=>{
this.setState（{searchText:e.target.value}）；
去盎司（this.state.searchText，300）；
};
render（）{
返回(
);
}
}

有人知道我为什么会这样吗？
错误是因为“StyledSearchInput”组件

在这种情况下，React找不到有效的组件

“./member search bar.styles”路径错误或组件构造错误

还可以与成员搜索栏共享该文件。
您在代码中使用了
？是否应该是
从“/member search bar.styles”导入StyledSearchInput？@ChandraniChatterjee在我导入我的组件的文件的呈现方法中你能在文件
成员搜索栏中发布代码吗
styles和StyledSearchInput
您可以共享该代码吗？