IT技术 - react：无法导入 .tsx 文件 - 吾爱随笔录

在 React 中使用 TypeScript 的新手。当我从 .tsx 文件导入一个组件时，它默认假定它是一个 .js 文件。该错误表示该目录中没有 About.js 文件或 Contact.js 文件。此外，TS linter 不允许我将 .tsx 添加到文件路径的末尾。如何解决这个问题？我使用了'npx create-react-app project_name --typescript'。这是我的代码

import React from 'react'
import { BrowserRouter, Route } from 'react-router-dom'
import Home from './views/Home'
import About from './views/About'
import Contact from './views/Contact'
import Navbar from './components/Navbar'
import Footer from './components/Footer'

const App: React.FC<{}> = () => {
  return (
    <BrowserRouter>
      <Navbar title="Website" links={['About', 'Contact']} color="blue"/>

      <Route exact path="/" component={Home}/>
      <Route path="/home" component={Home}/>
      <Route path="/about" component={About}/>
      <Route path="/contact" component={Contact}/>

      <Footer/>
    </BrowserRouter>
  )
}

export default App