未定义“组件” no-undef。使用JSX react / react-in-jsx-scope时，“反应”必须在范围内

Question

所以我可以同时导入react和组件，但是一旦我尝试导入React Router以及它的所有相关内容，就会出现以下错误。我把那条线拿出来，错误消失了。

src / component / JobComponent.jsx 第1行：28：未定义“组件” no-undef 第4:13行：使用JSX react / react-in-jsx-scope时，“ React”必须在作用域内

代码如下。应该很简单吧？

import React, { Component } from 'react';
import ListJobsComponent from './ListJobsComponent';
import JobComponent from './JobComponent';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
...

class JobComponent extends Component {
    render() {
      return (
            <h1>Job Details</h1>
      )
  }
}
export default JobComponent

// Rest of file

编辑：按要求添加了JobComponent代码。