添加应用路由模块的导入 - TypeScript

在 TypeScript 中，添加应用路由模块的导入可以使用如下步骤：

1. 安装路由模块

首先，要安装使用的路由模块，可以使用 npm 或者 yarn 进行安装。以 react-router-dom 为例，运行以下命令进行安装：

npm install react-router-dom

或者

yarn add react-router-dom

2. 导入路由模块

在需要使用路由的组件或者页面中，导入需要的路由模块。以 React 为例，导入语句通常放在文件的顶部：

import { BrowserRouter, Route, Switch } from 'react-router-dom';

上述代码中，BrowserRouter 是路由容器组件，Route 是单个路由组件，Switch 是路由切换组件。

3. 使用路由组件

在 JSX 中使用路由组件。以 BrowserRouter 为例：

<BrowserRouter>
  {/* 路由表 */}
  <Switch>
    <Route exact path="/" component={Home} />
    <Route path="/about" component={About} />
    <Route path="/users" component={Users} />
    <Route component={NotFound} />
  </Switch>
</BrowserRouter>

上述代码中，<BrowserRouter> 是路由容器，包裹整个应用的路由。<Switch> 包裹一组路由，优先匹配第一个匹配成功的路由。每个 <Route> 组件定义一个路由，exact 表示精确匹配，path 为路由路径，component 表示对应的组件。<Route component={NotFound} /> 表示没有匹配到路由时，显示的组件。

以上就是使用 TypeScript 添加应用路由模块的导入和使用过程，希望对您有所帮助！