javascript - 无法呈现简单的反应组件

Question

按照这个初学者 React 教程 https://www.youtube.com/watch?v=Ke90Tje7VS0&ab_channel=ProgrammingwithMosh

已经安装了 React 和 Babel，并且 React 在 http://localhost:3000/ 上工作（默认屏幕）

但是当我尝试将默认渲染更改为不渲染的 Counter 时，我的代码似乎与教程相同，感谢您的帮助。

调试控制台上没有显示错误。

有两个文件 index.js 和 counter.jsx

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import "./index.css";
import App from "./App"
import registerServiceWorker from "./registerServiceWorker";
import 'bootstrap/dist/css/bootstrap.css';
import Counter from './components/counter';

ReactDom.render(<Counter />, document.getElementById("root"));
registerServiceWorker();

计数器.jsx

import React, { Component } from 'react';

class Counter extends Component {
    render() { 
        return <h1>Hello World</h1>;
    }
}
 
export default Counter;

标签： javascriptreactjs