Reactjs 未找到模块:错误:Can';t解析子组件

Reactjs 未找到模块:错误:Can';t解析子组件,reactjs,typescript,Reactjs,Typescript,书店是父组件,SearchBooks是子组件。它编译得很好,但我得到一个运行时错误,子组件没有得到解决 BookStore.tsx(父组件) 从'ClientApp/components/SearchBooks'导入{SearchBooks,SearchParameters}; ... export类扩展React.Component ... SearchBooks.tsx export class SearchBooks extends React.Component<IBookSea

书店是父组件,SearchBooks是子组件。它编译得很好,但我得到一个运行时错误,子组件没有得到解决

BookStore.tsx(父组件)

从'ClientApp/components/SearchBooks'导入{SearchBooks,SearchParameters};
...
export类扩展React.Component
...
SearchBooks.tsx

export class SearchBooks extends React.Component<IBookSearchProps> 
...
导出类SearchBooks扩展React.Component
...
Routes.tsx

...
<Route path='/bookStore' component={BookStore} />
。。。
文件树:

错误:

./ClientApp/components/BookStore.tsx中出错 未找到模块:错误:无法解析“…\ClientApp\components”中的“ClientApp/components/SearchBooks” @./ClientApp/components/BookStore.tsx 12:0-63 @./ClientApp/routes.tsx @./ClientApp/boot.tsx @multi-react热加载程序/修补程序事件源polyfill webpack热中间件/客户端?路径=\uu webpack\u hmr&dynamicPublicPath=true./ClientApp/boot.tsx


相同的目录组件和文件是SearchBooks。

您是如何导入的?@Omar更新了代码try
import{SearchBooks,SearchParameters}from./components/SearchBooks'@Omar这给出了找不到模块的错误。你能显示你的文件树吗?这也给了我一个错误,我添加了一个适合我的。谢谢。是的,不必要地添加了/components,但我对SearchBooks中的相同目录和文件的看法是正确的。
...
<Route path='/bookStore' component={BookStore} />
import { SearchBooks, SearchParameters } from './SearchBooks';