未找到模块：错误：无法解析子组件

Question

BookStore 是父组件，SearchBooks 是子组件。它编译得很好，但我得到一个运行时错误，即子组件未解析。

BookStore.tsx（父组件）

import { SearchBooks, SearchParameters } from 'ClientApp/components/SearchBooks';
...
export class BookStore extends React.Component<RouteComponentProps<{}>, {}> 
...
<SearchBooks searchForBooks={this.searchForBooks} />

SearchBooks.tsx

export class SearchBooks extends React.Component<IBookSearchProps> 
...

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-hot-loader/patch event-source-polyfill webpack-hot-middleware/client?path=__webpack_hmr&dynamicPublicPath=true ./ClientApp/boot.tsx

Answer 1

import { SearchBooks, SearchParameters } from './SearchBooks';

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