找不到模块：无法解析'./components/counter.jsx'-为什么编译失败？

Question

按照Mosh的React教程进行编程，并在安装了所有内容，引导程序，popper等之后，将其卡在了最初的那部分。删除了包json锁定并仔细检查了拼写。无论出于何种原因，它都无法编译，并且每次都会出现相同的错误：

"Module not found: Can't resolve './components/counter.jsx'

Picture of my terminal and vscode Picture of my errors in dev tools

我确实停留在这部分上，可以使用帮助来找出问题所在。

import React, { Component } from "react";

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

export default Counter;

Answer 1

在他的教程中，他已将JSX文件名从counter.jsx更改为counterComponent.jsx。导入如下：

import Counter from './components/counterComponent'

Answer 2

在导入组件和其他javascript模块时，您不应提供文件扩展名。尝试从导入中删除.jsx，使其显示为：

import Counter from "./components/counter";